7주차 - 팀 프로젝트, API연동

Fact

• UI작업 완성 후, 게시글/댓글 API 연동 작업 진행
• https://github.com/orgs/bocho-drive/projects/2/views/1?sliceBy%5Bvalue%5D=2024-07-29

Feeling & Future

컴포넌트의 기준

• 공통 컴포넌트를 개발하던 중, 조건부 Props에 따라 다른 동작을 하려는 컴포넌트를 만들었다.
• 이에 기술매니저님께 피드백을 받아본 결과, 컴포넌트화 하려는 기준이 약하다는 의견을 듣게 되었다.
  https://github.com/orgs/bocho-drive/projects/2/views/4?pane=issue&itemId=72845899
• 앞으로는 컴포넌트를 설계하기 위해, 하나의 기능만을 수행하는 단일책임적인 원칙을 준수하고 간결한 코드 작성을 지켜가야겠다고 느꼈다.

Tanstack Query, mutation

• react-query의 mutation 후, setQueryData, invalidateQueries를 수행하여, 새로운 데이터를 불러오기전 낙관적 업데이트 데이터를 보여주려 했다.
• 이러한 방법에 대해 매니저님께 피드백받은 결과, 데이터 무결성을 생각해야 하는 상황을 지양해야 한다는 의견을 듣게 되었고, 특수한 상황이 아니라면 refetch를 통해 새로운 데이터를 불러오는 것이 데이터정확성 측면에서 옳은 방법이라고 하셨다.
• 최적화, 성능적인 측면도 중요하지만, 정확한 데이터를 보여주는 것이 FE개발자로서 더욱 중요한 원칙이라는 것으로 받아들였다.
  https://github.com/orgs/bocho-drive/projects/2/views/4?pane=issue&itemId=72846258