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

[Map] 마커 수정 및 기능 추가 #268

Merged
merged 28 commits into from
Feb 29, 2024
Merged

[Map] 마커 수정 및 기능 추가 #268

merged 28 commits into from
Feb 29, 2024

Conversation

kimeodml
Copy link
Contributor

@kimeodml kimeodml commented Feb 26, 2024

[#266 ] request

  • 핀리스트에 trigger 함수를 부여해서 음식점을 누르면 마커 이벤트가 발생되게 수정하였습니다.
  • 마이페이지(북마크), 음식점, 최근 검색 식장 등의 403 이미지를 변경 및 적용했습니다.
  • 패널을 열면 마커가 가려지는 문제가 있기에 패널을 열면 지도가 우측으로 이동하는 것으로 수정하였습니다.
  • 마커 클러스터 활용시 지도에서 마커가 지워지지 않는 문제가 발생해서 우선 주석처리 하였습니다.

Please check if the PR fulfills these requirements

  • It's submitted to develop branch, not the main branch
  • The commit message follows our guidelines
  • There are no warning message when you run yarn lint
  • Docs updated for breaking changes

Screenshot

Chrome

Precautions (main files for this PR ...)

Closes #266

@kimeodml kimeodml changed the title Feature/#266 [Map] 마커 수정 및 기능 추가 Feb 26, 2024
Copy link
Contributor

@junghaesung79 junghaesung79 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

애니메이션이 부드럽고 경험도 좋은 것 같아요! 고생하셨습니다!

Comment on lines +21 to +26
interface SideNavigationProps {
visible: boolean;
toggle: () => void;
setVisible: (state: boolean) => void;
}

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

visible을 프로퍼티로 전달하는 것으로 바꾸셨군요! 깔끔해진 것 같아요!

Copy link
Contributor

@hanagertrudeKim hanagertrudeKim left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고 많으셨습니다ㅜㅜ 마커 클러스터링 관련해 많은 수정이 있었네요
한가지 궁금한 것이 yarn에 cache된 라이브러리 중에 js-coookie 부터 시작해 많은 변경사항이 적용되었는데 이 변경사항이 꼭 필요한걸까요??

Comment on lines +18 to +25
{!isMobile && <SideNavigation visible={visible} toggle={toggle} setVisible={setVisible} />}
<div
className={cn({
[styles['home-container']]: true,
[styles['home-container--invisible']]: location.pathname !== '/',
})}
>
<Home visible={visible} />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

사이드바와 홈의 visible 여부가 한 상태로 관리되는 이유가 있나요???

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

컴포넌트가 다르면 패널이 열려도 지도가 우측으로 이동되지 않기 때문에 공유되도록 레이아웃에서 useBoolean을 선언했습니다. 혹시 다른 방법이 있을까요?

@kimeodml
Copy link
Contributor Author

kimeodml commented Feb 28, 2024

수고 많으셨습니다ㅜㅜ 마커 클러스터링 관련해 많은 수정이 있었네요
한가지 궁금한 것이 yarn에 cache된 라이브러리 중에 js-coookie 부터 시작해 많은 변경사항이 적용되었는데 이 변경사항이 꼭 필요한걸까요??

react-naver-maps 패키지를 활용해서 마커 클러스터링을 구현 했는데 없어도 구현이 가능해서 제거하면서 같이 지워진 캐시들인 것 같습니다

@kimeodml
Copy link
Contributor Author

kimeodml commented Feb 28, 2024

같은 라우터에 있어서인지 음식점 상세쪽의 지도가 나타나지 않더라고요. DefaultLayout이 두 종류(Top, Bottom/Side, Bottom)로 되어있어서 레이아웃 분리를 통해 서로 다른 라우터에 있도록 변경하겠습니다. 아마 그렇게 진행하면 오류가 해결될 것 같아요! 이 부분은 이슈 새로 파서 진행하겠습니다. @hanagertrudeKim

@hanagertrudeKim hanagertrudeKim merged commit 2075eb4 into develop Feb 29, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Map] 핀보기 및 지도 마커 리팩토링
3 participants