업데이트 사항

API에서 보내주는 데이터의 순서 수정

• 안건페이지의 팀원분들 유저경험에 대해서도 많이 고려하는 부분
• 이사날짜 기준으로 asc 정렬 되도록 코드수정
• 프론트에서 이사일이 앞쪽부터 정렬되는게 유저에게도 직관적일 것

공통컴포넌트 적용

• 페이지 내 공통컴포넌트 적용

• 백엔드 데이터 공통컴포넌트에 연결

• 데이터 형식(필드 이름, 값 형식 등)을 변환하는 과정이 흥미로웠음

  예) BE 이사유형이 enum으로 SMALL_MOVE string 값 이고

  FE-공통검포넌트에서는 small 배열을 기대한다면

  BE에서 변환해서 ['small']로 줄지, 아니면 FE에서 변환할지

  현재 과정이 fullstack 이기에 스스로 선택할 수 있어서 자유도 측면에서 좋았음.

  

  어디에서 변환할지, 원판돌리기로 결정함. 프론트페이지 내에서 변환

• 공통컴포넌트 적용 및 반응형 grid 설정

PC

태블릿

모바일

페이지네이션 기능 업데이트

태블릿, 모바일 화면

• 총 페이지수를 반응형에서 페이지당 아이템 갯수가 변경될 때마다 상태 업데이트

• 페이지당 아이템 갯수가 바뀔 때마다 총 페이지수 다시 계산

  ex) PC(6개씩): 60 ÷ 6 = 10 페이지

  모바일(4개씩): 60 ÷ 4 = 15 페이지

  자동으로 페이지 수가 조정되도록 함!