Refactor/fe/store: 프론트엔드 코드 리팩토링

[leesunmin1231]

Issue 번호

62

작업한 내용 설명

장소 목록 전역 상태 하나만 두기, 불필요한 훅 줄이기 -> api 호출 방식 변경

• 기존: 검색 목록 searchList, 주변 장소 목록 placeList 두개로 두고, 현재 렌더링할 장소 목록을 renderList로 관리
• 변경 후: placeList 전역상태 하나로 관리. 렌더링할 장소 목록을 담는 전역 상태이며, 장소 검색시 검색 결과 목록, 그외 주변 장소 목록 담기.
• 처음 렌더링하면 usePlaceList 훅에서 search 쿼리 param유무에 따라 요청 api를 보내 placeList를 업데이트함

컴포넌트 폴더 구조 변경

• 컴포넌트 폴더 구조 atomic design 원칙 바탕으로 변경
• 참고

layout 리팩토링

• 모바일 layout, 데스크탑 layout 하나로 합침
• 지도 두번 렌더링 방지

각 상태 관심사 분리

• 특정 컴포넌트에서 사용하는 상태, 해당 컴포넌트에서 api 호출하도록 변경

데이터 로딩 상태 반영

• 각 api 요청 로딩 상태 반영