7/28 코드잇 중급 프로젝트 데일리 회고록

주요 활동

오전
카테고리 필터 작업을 시작하였습니다.

반응형에 따라 렌더링 유뮤가 달라지고 기능 및 레이아웃이 조금씩 달라져서 고민할 필요가 있었습니다.

<작업 구조>

Filter (폴더)
│
├─ FilterFooterButton.tsx 모달 하단의 '초기화' & '필터 적용하기' 버튼을 담은 컴포넌트
│
├─ FilterOpenButton.tsx 모바일/태블릿에서 필터 모달을 열기 위한 버튼 컴포넌트
│
├─ FilterSidebar.tsx 데스크탑에서 좌측에 상시 노출되는 필터 영역 컴포넌트
│
└─ UseFilter.ts 필터 로직(상태관리, 핸들러 등)을 모아둔 커스텀 훅

이전 처럼 작업 계획이 부족하여 스파게티 코드를 짜서 고생하는 일이 없도록 최대한 작업 계획에서 기능 별로 컴포넌트를 세분화 하였습니다.
이후 반응형에 따라 필터 모달을 열어 줄 버튼과 기존의 모달 컴포넌트를 통해 태블릿, 모바일에서는 필터가 모달창으로 열리도록 구현했습니다.

 

 

오후
어제 올린 검색창에 대한 pr에 팀원분들이 코멘트를 달아 주셔서 수정 작업을 했습니다.
while문으로 전체 데이터를 불러오면서 검색을 할 경우, 기능에 문제가 생길 수도 있다는 피드백을 주셔서
limit값으로 정해진 데이터를 불러와서 검색을 하도록 수정했습니다.
단순히 검색 결과가 없다는 텍스트를 쓰기보다는 팀원분이 만들어주신 컴포넌트를 활용해 검색 결과가 없다는 걸 표현하도록 수정했습니다.

목록 페이지 필터 부분을 모바일 기준으로 퍼블리싱 작업을 진행하고 있습니다. 아직 기능은 넣지 않았습니다.

 

느낀점

 오늘 팀원분이 만들어주신 컴포넌트를 제대로 활용하지 못하고 그분께 질문을 하였습니다. 팀 프로젝트에서 컴포넌트를 제대로 활용하려면 그 컴포넌트를 잘 살펴보고 대한 그에 대한 이해가 필요하다는 것을 깨달았습니다.