Closed yeoularu closed 1 year ago
Name | Link |
---|---|
Latest commit | 3e3918bfb41530ad6f3a94cc7aeae6e96760ec20 |
Latest deploy log | https://app.netlify.com/sites/hipspot-webview/deploys/63fdeadf0b0f040008d03156 |
Deploy Preview | https://deploy-preview-62--hipspot-webview.netlify.app/ |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
Motivation
close #57
MapComp index.tsx 가 마커 업데이트 함수로 인해 복잡해져서 리팩토링
포인트마커가 생성된 뒤 불필요하게 삭제 및 재생성되고 있어 이를 개선했습니다.
포인트마커 종류별(기본, 가성비) 구분하는 로직이 pointMarker 컴포넌트 내부에 구현되어있어 이를 마커업데이트 로직에서 수행하고 마커 종류별로 컴포넌트화했습니다.
(2.28) 브랜치명을 잘못입력해서 기존 pr내리고 새로 팠습니다.
이때 변경된 api을 적용하고 가성비 가격을 실제 데이터로 변경했습니다.
Key Changes
Recoil map atom 들을 사용하여 마커 업데이트 로직을 커스텀훅으로 포팅 했습니다.
포인트마커를 생성한 뒤 삭제하지 않고 재사용합니다.
pointMarker.tsx, ReasonableMarker.tsx 로 포인트마커 종류별 따로 컴포넌트로 만들었습니다.
가성비 마커의 아아 가격을 실제 데이터가 표시되도록 변경했습니다.
스크린샷
To Reviewers