Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] 지도 클러스터링 기능 추가 및 지도 상태 리팩토링 #613

Closed
4 tasks done
semnil5202 opened this issue Nov 1, 2023 · 0 comments
Closed
4 tasks done
Assignees
Labels
FE 프론트엔드 관련 이슈 feat 새로운 기능 개발 refactor 리팩토링 관련 이슈 우선순위 : 상

Comments

@semnil5202
Copy link
Collaborator

semnil5202 commented Nov 1, 2023

📄 작업 대상

  • Map 컴포넌트와 그와 관련된 모든 컨텍스트들을 대상으로 Zustand 마이그레이션을 진행, 리팩토링 합니다.
  • 핀 클러스터링 기능을 위해 기존의 일부 지도 인터렉션 로직을 변경합니다.

✅ 작업 내용

  • 지도 관련 컨텍스트 Zustand로 마이그레이션
  • 핀 클러스터링을 위한 기존 지도 인터렉션 로직 수정
  • Map 인스턴스 전역으로 분리
  • Map 컴포넌트 스타일 버그 리팩토링

📎 참고 자료

No response

⏰ 추정 시간

11.02.목요일까지 작업완료를 목표로 합니다.

@semnil5202 semnil5202 added FE 프론트엔드 관련 이슈 우선순위 : 상 feat 새로운 기능 개발 refactor 리팩토링 관련 이슈 labels Nov 1, 2023
@semnil5202 semnil5202 self-assigned this Nov 1, 2023
@semnil5202 semnil5202 moved this to In Progress in 2023-map-befine Nov 1, 2023
semnil5202 added a commit that referenced this issue Nov 7, 2023
* fix: Flex 컴포넌트를 상속받는 로컬 스타일드 컴포넌트 타입 오류 해결

Flex를 상속받은 로컬 스타일드 컴포넌트에 특정 제네릭 prop을 추가하면 Box 컴포넌트까지 타입 검사가 내려간다.
이로 인해 Box 컴포넌트에 Flex 컴포넌트 인터페이스를 찾는 타입 오류가 생겨 이 문제를 Flex와 Box간 상속관계를 끊음으로 해결한다.

* refactor: map 인스턴스 전역상태 분리로 각종 hook 리팩토링

* refactor: 지도 타입 추가

* chore: eslint 설정 변경

* refactor: map type 추가

* refactor: mapInstance interface 명 수정

* refactor: 핀 svg 사이즈 일괄 60px로 지정

* refactor: 클러스터 적용으로 인한 map 인터렉션 로직 수정

* fix: drag 디바운스 적용 및 pin 정보 가져오는 로직 오류 수정

* refactor: pinSize 상수화 및 일부 파일 개행 수정

* fix: off 함수 타입 추가 및 클러스터링 중복 요청 오류 해결

* refactor: screen size 에 해당하는 marker만 그리는 로직 이동

* refactor: event 타입 변경 및 sidebar 전역 상태 제거

zoom 일 경우에만 실제 서버에 클러스터 핀 갱신 요청을 보내고 dragEnd 상태에서는 보내지 않도록 한다.
sidebarMarkers 는 잠시 사용을 보류한다.

* refactor: map 및 markers 의존성 제거

* design: 클러스터된 핀 디자인 변경

* fix: map 드래그 경우 클로저 문제로 인한 핀 갱신 오류 수정

* refactor: 최고 줌인 상태에서 클러스터 핀 상태일 때 infoWindow에 모두 표시하도록 변경

* refactor: 불필요한 import 제거

* refactor: mock 데이터에서 실제 서버 요청으로 변경

* refactor: UI 변경사항 대응
@github-project-automation github-project-automation bot moved this from In Progress to Done in 2023-map-befine Nov 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 관련 이슈 feat 새로운 기능 개발 refactor 리팩토링 관련 이슈 우선순위 : 상
Projects
Status: Done
Development

No branches or pull requests

1 participant