이번 시간에는 댓글을 삭제하는 기능을 만들어 보겠다 이번에도 Ajax를 이용한다 앞서 【삭제】 버튼의 함수를 확인해보자 그리고 Java Script에 함수를 적어보자! 함수를 만들어준 다음 Ajax를 추가한다! 그다음 path와 view를 만들어 준다! urls.py views.py ID를 넘겨서, 그 ID를 이용해 reply 객체를 찾고, 그다음 delete() 함수를 이용해 삭제를 한다 그리고, 완료했다는 메시지? 를 보낸다 이제 HTML에서는 동적으로 댓글을 삭제하기 위해서 요소를 찾게끔 tr태그에 class를 붙여주자 그다음은 Ajax의 성공 부분으로 간다 ok일 때만 실행되게 하고, tr요소를 찾아서 remove() 함수를 이용해 tr태그를 제거하는 코드를 작성한다 이제 브라우저에서 확인하자! ..
이번 시간에는 Ajax를 이용해서 댓글 수정을 해보겠다 일단 【수정】 버튼을 만들어 준다. 삭제도 나중에 추가할 거라서 【삭제】 버튼, 【취소】 버튼 등을 만들어 주도록 한다 {{ item.id }} 를 이용해서 class명을 고유하게 번호 ( reply의 Id )를 붙여 준다 ( 그래야 선택한 요소를 찾을 수 있음 ) onclick=함수에도 고유한 번호 ( reply의 Id )를 넘겨 주도록 한다 그리고 【진짜 수정】 버튼과 【취소】 버튼은 처음에는 안 보이도록 하게 한다 {% if item.member.id == session %} {% endif %} 이거 같은 경우는 게시판의 【수정】, 【삭제】, 【진짜 수정】, 【취소】와 다를 것이 없다 그리고, onclick에 있는 함수 이름 그대로 함수를 작..
원래 13강으로 마무리 짓고 끝내려고 했는데 댓글 정도는 필요할 거 같아서 한번 해보겠다 일단 댓글 테이블이 필요할 것이다, 그러니 한번 만들어보자 content : 댓글 내용 member : 누군인가? 댓글적은 사람이 누구인가 말인가! board : 어떤 게시글인가? 어떤 게시글에 적었냐 말이다! 이렇게 model를 생성하고, terminal에서 코드를 입력하자 그래야 자동으로 적용이 되고 자동으로 테이블을 생성해 줄 것이다 python manage.py migrate 그리고 상세화면 HTML로 가서 코드를 작성해 준다 브라우저를 보면 아래 화면과 같이 폼이 생겨날 것이다 디자인은 신경 쓰지 말자 우리는 개발자이니깐 ㅠ 그리고 해야 할 일이 어떤 방식으로 전송할 것인지 정해야 한다 나는 Ajax로 전송..
이번시간에는 Django와 PostgreSQL를 연동해 볼 것이다 지금까지 Django에서 제공하는 splite3을 이용해 왔는데, 이건 로컬용이고 간지나지 않는다 나중에 실 서비스의, 실 서비스에 의한, 실서비스를 위한 PostgreSQL를 사용한다 일단 다른 블로그를 갔다와서 ( 내 블로그는 비참할 정도로 허접하다) PostgreSQL를 다운받길 바란다....... 그리고 나는 툴은 pgAdmin쓴다 나의 버젼은 12버젼이고, pgAdmin은 4버젼이다 일단 접속할 Server를 만들어 주자 이렇게 Name을 결정하고, 근사한 이름을 네이밍을 해보자 그리고 Connection 정보를 입력하고, Save 버튼 클릭! 그리고 Database를 만들자 만든 서버의 Database를 우클릭하고, Create..
이번 시간은 Django 게시판을 슬슬 마무리해보려고 한다 저번 시간엔 상세보기 화면에서 수정, 삭제가 있었는데 누구나 수정할 수 있고, 누구나 삭제할 수가 있다 그렇기 때문에 자기가 등록한 게시글을 수정, 삭제를 할 수 있고 다른 사람은 수정, 삭제를 못하게끔 한다 그래서 detail.html를 수정해보도록 하겠다 게시글을 등록한 사람의 ID와 로그인한 사람의 ID가 같은지 확인하는 조건문을 넣어준다 그리고 다른사람으로 로그인해보자 그러기 위해선 새로 회원등록을 해야겠다 로그인 화면에서 회원등록이라는 버튼을 만들어 주자 이번에는 a 태그로 붙여 보았다 그리고 화면으로 돌아와서 【회원등록】을 클릭해보자 클릭 화면 잘 이동한다. 여기서 되돌아가기 버튼이 없어서 허전한다 그거도 넣어줘야겠다 이번에는 java..
11강에서는 Django의 간단하게 게시판의 삭제기능을 만들도록 하겠다 이전 시간에 업데이트를 만들었는데 그화면을 잠시 보도록하자 【삭제】 버튼이 없으니 만들어주도록 하자! 이렇게 하면 삭제 버튼이 생기는데 클릭을 해도 아무소용이 없다. 왜냐하면 돈을 주지 않았 아니 코드를 넣어주지 않았 기 때문에, 그러므로 코드를 넣어주도록 하겠다 이번에는 공부를 위해 다른방법으로 하겠다 보통 a 태그를 이용해 href를 써서 하는데, 그런 예제는 너무 많다. 그러므로 새로운건 아니지만 다른방법으로 해보자 이렇게 input 태그에 【onclick】을 추가해준다. 클릭했을때 click 함수를 발생한다는 것이다 그 다음 deleteBoard() 라는 함수를 생성하자 ! 이 코드는 const deleteBoard = id ..
이번 시간에는 등록한 글을 수정 ( Update ) 하도록 해 보겠다 일단 상세페이지로 들어가서 끄적여보자 이전 시간까지 만든 모습을 보여주겠다 여기서 수정버튼이 없구나 추가 해준다 수정버튼을 생성했다 여기서 더 추가할 것이 있을텐데 일단 과정을 보기위해 하나씩 하겠다 수정을 눌렀을때 따로 페이지를 타지 않고, 같은 페이지에서 바로 할 수 있도록 한다 수정을 눌렀을때 readOnly를 풀어주는 Java Script코드를 작성하겠다 버튼 class명 btnUpdate인 아이를 추가 ( add ) 한다 이벤트 ( EventListener ) 를 무슨이벤트? 클릭 ( 'click' ) 이벤트를, 그리고 클릭했을 때의 함수 ( e => {} ) 를 넣는다 document.querySelector('.btnUpd..
이전 시간은 리스트를 조회해보았다 똑같은 Read지만 이번엔 Detail하게 보는걸로 해보겠다 일단 상세화면을 만들어야 겠다 이전 HTML파일로 돌아가서 Detail하게 보기 위한 링크를 걸어주도록 한다 {{ item.title }} 이렇게 하면 링크가 걸려있을 것이다. 그렇다고 바로 되진 않겠지 우린 하나하나 레고조립하듯이 만들어야 한다 ・우선 url 'detail' 이라는 path가 생겼고 ・그뒤에 새로운 녀석이 생겼다 boardid=item.id 이부분은 get방식인데 boardid라는 파라메타라고 보면 될 것 같다 나중에 다시 보여 주겠다 ㅠㅠ HTML에서 링크를 달아줬으니 urls.py에서 path를 하나 만들자! path('detail//', views.detail, name='detail')..
