53. 심화 프로젝트 트러블 슈팅

Mission: React 심화 프로젝트를 하며 발생한 트러블 슈팅

📌 트러블 슈팅

재투표 방지 로직 구현

현상: 재투표를 방지하기 위한 로직을 구현하기가 많이 어려웠다.

원인: 직접 코드를 짜서 대입한게아닌 막연하게 이렇게 하면 되지않을까?라는 안일한 생각으로 대입하다보니 오류가 많았다.

해결책: db.json에 vote 배열을 추가해서 display name을 post 해주고 그 게시글로 들어갈때 그 게시글의 vote 배열을 불러와 현재 접속된 display name이 배열안에 이미 있으면 투표 선택을 비활성화 하는 방식으로
해결

댓글 CRUD 에러

현상: 댓글을 불러올때는 이상이 없었으나 수정과 삭제를 할때 삭제를 누르면 전체삭제가 되고 수정기능도 적용이 안됨

원인: 글리치 url서버로 접근할때 /id로 적용을 해야하는데 commentId로 접근을 하려고 하니 글리치 url서버로 접근이 불가능

해결책: /id 다시 적용해주니 정상적으로 댓글 작성 수정 삭제가 가능했다.