2024-06-05 팀 프로젝트 중간 회고

1. 사용한 라이브러리

- quill / react-quill
- supabase-js
- styled-components
- react-router-dom

2. 에러가 난 부분, 어떻게 해결했는지

- 회원정보에서 닉네임 등 다뤄야 할 서브 데이터가 증가하여 auth에서 관리하던 데이터를 users 테이블에서 관리하는 방식으로 교체하였고, 이 과정에서 홈 피드와 상세페이지에 닉네임을 렌더링 할 때 auth의 사용자와 users의 닉네임이 일치하지 않아 누구나 다 게시글을 수정하고 삭제할 수 있는 문제가 생김. => find 메서드를 통해 현재 로그인된 사용자의 id와 게시글 작성자의 id의 일치 여부를 판단해서 users 배열에서 닉네임을 추출.

- quill editor에서 원하는 기능을 사용하지 못함 => 툴바를 module로 장착하여 해결

- 홈 피드에서 작성 시점의 닉네임으로 기록되는 것이 아니라 현재 유저 정보(바뀐 닉네임)으로 렌더링 => Create 단에서 작성 시점의 닉네임을 테이블에 insert 하는 것으로 해결

3. 프로젝트 결과물에 대한 완성도 평가

<8점>

- redux 전역 상태 관리를 시작하지 못함.
- supabase에 대한 이해 부족으로, 원하는 기능을 전부 구현하지는 못함. (base64 url 디코딩 등)
- 그러나 팀 프로젝트 관점에서는 모두가 비슷한 할당량으로 과제를 진행하였다고 느껴짐

4. 잘한 점, 아쉬운 점, 느낀 점, 성과

<잘한 점>

- 협업 업무 분배가 잘 됨.
- 과제 기본 요구조건처럼 전역상태관리를 고려하여 프로젝트 셋업이 되었다면 더 완성도 있는 결과물을 보일 수 있었겠지만 전역 상태 관리에 대해 팀원 모두가 비슷한 수준의 지식을 갖고 있는 것이 아니기에 한 명에 의한 일방적인 전역 상태 관리 셋업은 이해를 하지 못하는 팀원의 이탈이 발생할 수 있었으나, 우리 팀은 "할 수 있는 부분 부터"라는 전략을 취하였기에 완성도는 떨어지더라도 모두가 참여할 수 있었던 것 같음.
- 팀원 모두가 맡은 부분 외 추가적인 기능 구현 고민의 흔적이 많이 느껴짐. 맡은 부분만 처리하는 수준이 아니라 스스로 고민하고 개선한 기능들을 추가하였고 이를 코드리뷰 시간에 서로 공유하며 비슷한 수준의 지식을 갖출 수 있는 장이 마련되었음.

<아쉬운 점>

- 백 엔드에 가까운 supabase에 너무 시간을 할애한 나머지 이보다 조금 더 중요하다고 보이는 전역 상태 관리에 시간을 할애하지 못한 점이 아쉬움.
- 이번 과제의 핵심은 supabase와의 연동에 있었던 것 같은데 시간이 촉박하여 팀원들과 셋업 과정부터 문제를 해결해나가는 과정까지 상세하게 공유하지 못해서 미안한 마음이 있다. 과제 난이도 상 할 수 없었던 일이긴 하지만, supabase를 다른 팀원들도 함께 해보았으면 좋았을 텐데 난이도에 비해 시간이 너무 촉박했던 것이 아쉽다.

<느낀 점>

- 의도한 부분은 아니었겠지만 "할 수 있는 부분부터 처리한다"는 관점에서 조별 과제를 시작하니, 모두가 어려움 없이 코드를 적어나갈 수 있었던 것 같다. 아직도 많은 프로젝트가 요구사항을 맞추느라 챌린저 위주의 셋업으로 서로 고생하는 상황이 많이 연출되는 것 같다. 그러나 우리 조는 출발이 좋았기에 모두가 얻어가는 것이 많은 프로젝트가 되었을 것이라고 생각한다.

<성과>

- 본인은 posts 테이블, 한 팀원은 users 테이블, 한 팀원은 auth 테이블 등 각자 supabase에서 다루는 부분이 전부 다른 테이블이라 한 명이 셋업해주는 것이 아니라 각자 검색하고 물어봐가며 처리했기에 서로 다른 영역에서 백지 상태에서부터 시작하여 배워가는 점이 많았을 것이라고 생각한다.

5. 프로젝트 개선점, 보완할 점

- props drilling이 발생하는 부분을 Context API 또는 Redux 등을 이용한 전역 상태 관리를 보완해야 한다.
- supabase와 연동하며 발생하는 사이드 이펙트를 개선해야 한다. (base64 디코딩 등)
- 원래 구현하고자 했던 기능들에서 미처 구현하지 못한 기능들이 많다. 이를 개선해야 한다. (홈 피드 및 상세페이지에서의 이미지 썸네일 렌더링, 댓글 기능 등)