

페이지 내 공통컴포넌트 적용
백엔드 데이터 공통컴포넌트에 연결
데이터 형식(필드 이름, 값 형식 등)을 변환하는 과정이 흥미로웠음
예) BE 이사유형이 enum으로 SMALL_MOVE string 값 이고
FE-공통검포넌트에서는 small 배열을 기대한다면
BE에서 변환해서 ['small']로 줄지, 아니면 FE에서 변환할지
현재 과정이 fullstack 이기에 스스로 선택할 수 있어서 자유도 측면에서 좋았음.

어디에서 변환할지, 원판돌리기로 결정함. 프론트페이지 내에서 변환
공통컴포넌트 적용 및 반응형 grid 설정

PC

태블릿

모바일

태블릿, 모바일 화면

총 페이지수를 반응형에서 페이지당 아이템 갯수가 변경될 때마다 상태 업데이트
페이지당 아이템 갯수가 바뀔 때마다 총 페이지수 다시 계산
ex) PC(6개씩): 60 ÷ 6 = 10 페이지
모바일(4개씩): 60 ÷ 4 = 15 페이지
자동으로 페이지 수가 조정되도록 함!