8월 13일 (화) 회고 - dev-FEFIVE/NadoCat GitHub Wiki

각자 자유로운 형식으로 작성해주세요.

npx prisma-case-format하고나서 npx prisma generate해줘야 적용된다고 한다.
zustand 내용이 담긴 useStore를 만들고 통신을 위한 http.ts도 만들어준 뒤, 카카오 OAuth를 붙였다. 연결과정에서 code는 받아오는데 중간에 링크가 잘못된건지 userInfo를 가져오지 않는다. 다시 처음부터 살펴보며 어디가 잘못되었나 찾아봐야겠다.

알람 구현하면서 데이터 구조 시행착오를 겪느라 괜한 시간이 많이 들어버렸다. 다음에는 필요한 것을 꼼꼼하게 구상하고 구현에 들어가도록 해야겠다.

급하게 작업하면서 코드를 똑바로 확인 안 하고 commit한 것들이 많았다. 확실하게 확인하는 습관을 가져야겠다. 이래서 테스트 코드를 작성하나 보다.
게시판 인기순 정렬을 적용하기 위해 DB와 코드를 수정해야 했다. 일단 DB는 두 게시판 테이블이 likes 테이블과 연관 관계가 있어서 이미지와 태그 문제를 해결한 것처럼 중간에 테이블을 하나 추가해 줘서 외래키 제약조건 관련 오류를 해결했다. 물론 중간에 테이블을 하나 가지게 되면 데이터를 삭제나 삽입할 때 조금 귀찮긴 하다.
likes 수 확인을 위해 Prisma 사용한 부분도 수정해야 했는데 _count를 사용하면 count를 할 수 있었으나 문제는 이걸 그냥 정렬 기준으로 사용할 수 없었다. 구글링을 엄청 해보고 해결 방법을 찾았는데 include를 사용하면 해결 가능했다. 그리고 _count 기준으로 정렬할 때는 데이터 구조가 조금 달라서 조건문을 하나 추가하여 동적으로 정렬 값을 변경할 수 있도록 구현하였다.

헤더, 푸터, 레이아웃 공용 컴포넌트를 만들었다. 베이직한 것만 설정해두었기 때문에 지속적인 디벨롭이 필요할 것 같다. (페이지에 따라 다른 헤더/푸터를 사용하는 등)
우리 프로젝트 특성상 normalize.css보다 reset.css가 더 어울릴 것 같아 변경했다.
커밋하는 습관이 이상하게 든 것 같다. 기능 단위로 짧게 끊어 커밋하는 게 좋다는 글을 봤는데, 자꾸 뭉탱이로 한 방에 커밋하고 바로 푸시하게 된다... 예전에 들었던 습관이 잘 고쳐지지 않는다 😅
내 도감 목록에도 페이지네이션을 붙여야 하는데, 개인 사용자만 볼 수 있는 페이지이기 때문에 굳이 커서방식으로 할 필요가 없어 보인다는 의견을 들었다. 팀원분 말대로 오프셋 방식도 충분해 보였다. 이미 DB구조를 변경해 커서 방식으로 구현한 부분이었는데(복합 유니크 키 이슈가 이 문제와 직결되어 있었다), 나 혼자 고민하고 결론을 내리는 것보다 팀원들의 의견을 들어보는 것이 더 좋은 결과를 가져다줄 확률이 높은 것 같다.