[심화프로젝트] 9쪽이들 kpt

github : hyemin610/React_Team9 (github.com) 

배포 : React App (armchair-debate.vercel.app)

 

 

🏠프로젝트명: 방구석 토론

• 프로젝트 설명: 방구석 토론은 사소하지만 재미있는 주제들에 대한 아이디어 교환과 의견 공유를 위한 온라인 토론 커뮤니티입니다.
• 교류의 장: 현실의 벽을 넘어서서, 온라인 공간에서 의견을 내고 다양한 생각을 교류할 수 있습니다.
• 프로젝트 목표: 저희 ‘9쪽이들’은 다양한 주제에 관심 있는 사람들이 모여 생각을 나누고 자유롭게 의견을 교환할 수 있는 플랫폼을 제공합니다. 방구석 토론은 다음과 같은 목표를 추구합니다.

1. 다양한 주제 다루기: 문화, 과학, 예술, 경제 ,사회문제 등 다양한 주제를 다루며 참여자들이 관심 있는 분야에서 토론하고 투표하고 의견을 나눌 수 있습니다.
2. 편안한 개방형 분위기: 우리는 존중과 상호 이해를 기반으로 한 환경을 조성하여 모든 의견이 자유롭게 표현될 수 있는 공간을 제공합니다.
3. 새로운 관점 탐구: 방구석 토론은 다양한 배경과 관점을 가진 사람들이 모여 새로운 아이디어와 관점을 발견하고 탐구하는 곳입니다.

 

📌 트러블 슈팅

재투표 방지 로직 구현

• 현상:재투표를 방지하기 위한 로직을 구현하기가 많이 어려웠다.
• 원인: 직접 코드를 짜서 대입한게아닌 막연하게 이렇게 하면 되지않을까?라는 안일한 생각으로 대입하다보니 오류가 많았다.
• 해결책: db.json에 vote 배열을 추가해서 display name을 post 해주고 그 게시글로 들어갈때 
  그 게시글의 vote 배열을 불러와 현재 접속된 display name이 배열안에 이미 있으면 투표 선택을 비활성화 하는 방식으로
  해결

 

댓글 CRUD 에러

• 현상:댓글을 불러올때는 이상이 없었으나 수정과 삭제를 할때 삭제를 누르면 전체삭제가 되고 수정기능도 적용이 안됨
• 원인:글리치 url서버로 접근할때 /id로 적용을 해야하는데 commentId로 접근을 하려고 하니 글리치 url서버로 접근이 불가능
• 해결책: /id 다시 적용해주니 정상적으로 댓글 작성 수정 삭제가 가능했다.

 

---

K eep 

• 시도를 했는데 안되면 팀원들에게 도움을 청해서 같이 하면서 배우기
• 이쁜 말 쓰면서 팀원들과 친해져서 편한 분위기 만들기
• 내 할 일을 다 하면 팀원들 도와주기
• 의견 많이 내고, 팀원들의 의견 잘 들어주기

 

서로 모르는 거 있으면 바로 화면공유해서 보여주면서 같이 해결 해나갔다.

그 과정이 있어서 편하게 질문도 하고 의견도 낼 수 있는 분위기 된 것 같다.

프로젝트를 잘하는 것도 중요하지만 소통이 제일 중요하다는 것을 이번에 또 깨닭게 되었다.

편해지고 서로 존중할 줄 알며 막힘 없이 의견을 내고 들어주는 분위기가 좋았다.

---

P roblem

(문제)

• 회원가입 시 홈화면에 닉네임이 보여야하는데 가입한 이메일 보인다.
• 로그인한 이메일로 상세페이지에 닉네임이 보이도록 했지만 게시글을 한 번 밖에 작성을 못한다.

(원인)

• dispatch 부분에서 닉네임이 아니라 이메일을 보내주고 있었다.
• db.json에서 하나의 아이디로만 쓸 수 있기 때문에 id를 nanoid로 설정해줬어야했다. 

 

redux 툴킷의 사용이 익숙치 않아 헤맸던 기억이 난다.
그래도 쓰면서 이해가 갔지만 더 이해할 필요가 있어보인다.
firebase 대신 supabase로 사용하려고 했지만 익숙치 않는 탓에 firebase로 다시 넘어갔다. 
아쉬웠다. 다음에는 supabase를 써보려고 해보자.

---

T ry

• redux toolkit의 흐름을 이해해보도록 하자
• react query도 마찬가지로 이해해보도록 하자
• 이번 프로젝트처럼 다음 프로젝트 때도 많은 의견을 내보자
• TIL를 꾸준히 쓰보도록 하자