게시글 상제 정보 불러오기
URL에서 id를 param으로 가져오고 fetch요청 주소에 백틱과 달러중괄호를 사용했다
게시글 수정 창에 기존 정보 불러오기
input.value 참고 자료 http://www.tcpschool.com/html-tag-attrs/input-value
기존에 정보 불러오는 함수 안에 같이 작성
게시글 수정 구현 <- 게시글 작성 로직 변형하여 작성
게시글 삭제 구현 <- 수정로직에서 body 빼고 if문으로 응답잘받으면 메인페이지로 이동하도록 작성
댓글 작성 구현
postId파람 활용해서 게시글작성 로직과 유사하게 로직 작성
pull 하고서 프리티어 에러
참고자료 https://iotnit.tistory.com/m/2
npm install --save-dev --save-exact prettier
프리티어 통일!
댓글 수정 구현
참고자료 https://codechasseur.tistory.com/75
수정 창을 댓글카드 내부에 열리게 만들고 클릭이벤트시 열리게 했는데 eventListener가 작동을 안해서 찾아보니 댓글카드를 temp_html로 붙였기때문에 동적인 요소에서 인식하게 하려면 event.target을 사용하라고 해서 수정버튼과 일치하면 그 버튼의 부모를 불러와서 열리도록 했다. 그리고 api를 불러오려고 하는데 commentId도 못불러오겠고 수정내용은 어떻게 보내야되고 어지러워서 삭제부터 구현했다 삭제는 commentId 빼오는것만 신경쓰면 되니깐
댓글 삭제 구현
commentId 추출 <- 모르겠어서 튜터님께 질문
event로직에 debugger추가 (프론트는 debugger사용가능)
관리자도구에서 debugger실행 후 element에서 commentId 선언 줄에 엔드포인트 잡고 콘솔에 출력값을 보고싶은 부분을 출력해본다
event.target.closest('.solo-card') -> 카드 잘 나옴
event.target.closest('.solo-card').dataset -> undefined
solocard div에 data-id추가
commentId를 배열에서 꺼내주고 data-id에 할당
dataset. 다음에는 무조건 소문자?
debugger로 찍어서 commentId 추출되는것 확인
게시글삭제 로직 참고하여 댓글삭제 api 요청 로직 작성
댓글 수정 구현 2
댓글삭제 로직을 활용해서 수정content를 value로 받아와 선언해주고 body에 담아 fetch를 날리고 응답을 받아오도록 했다
게시글 좋아요 구현
다른 팀원분께서 좋아요 모델과 api를 구현해주셔서 프론트에서 처리하는 부분만 진행했다. 게시글 정보박스에 좋아요 버튼추가하고 상세정보 불러와서 붙일때 버튼옆에 좋아요개수도 붙여주도록 추가했고 좋아요 버튼을 누르면 좋아요api경로로 요청 보내서 응답 받아오도록 작성
