Skip to content

feat(route): 웹 동선보기 장소 이동 네비게이션 추가 - #241

Open
KangShinGyu98 wants to merge 1 commit into
chore/git-workflow-automationfrom
feature/route-day-stepper
Open

KangShinGyu98 wants to merge 1 commit into
chore/git-workflow-automationfrom
feature/route-day-stepper

Conversation

@KangShinGyu98

Copy link
Copy Markdown
Collaborator

⚠️ #239 위에 쌓은 PR입니다. 대상 브랜치가 chore/git-workflow-automation이라 이 PR에는 스테퍼 변경만 보입니다. #239를 먼저 병합한 뒤, 이 PR의 대상을 dev로 바꾸고 최신 dev를 반영한 다음 병합해 주세요.

노션

변경 내용

  • 웹 동선보기(일정에서 장소를 고른 상태)에 이전·다음 장소로 넘기는 현재 / 전체 스테퍼 추가. 지도 하단 가운데, 아래 24px
  • 넘기면 카드를 누른 것처럼 카드·번호 핀 강조와 지도 중심이 바뀌고 일정 목록이 그 카드로 스크롤됨. 상세는 열지 않고, 첫·마지막 장소에서는 이전·다음 버튼 비활성
  • 상세 패널이 열리면 패널 오른쪽~지도 오른쪽의 가운데로 이동. 지도가 좁으면 +/−에 밀려 패널 뒤로 가려짐
  • PC 지도 확대·축소·북마크 버튼을 지도 끝에서 오른쪽 24px로 맞춤(아래는 기존 24px)

변경 이유

  • 동선보기에서 장소를 하나씩 넘겨 보는 내비게이션을 추가합니다(Figma 디자이너 코멘트 6035:865 기준, 빠진 동작은 기획 5980:780).

테스트

  • npm run lint (에러 0, 기존 경고 4)
  • npm test (187개 파일, 1488개 테스트 통과)
  • npm run build
  • Claude 자동 확인(npm run screens)
  • PC 크롬
  • PC 사파리

🤖 Generated with Claude Code

- 일정에서 고른 장소의 일차 안에서 이전·다음으로 넘기는 `현재 / 전체` 스테퍼를 지도 하단 가운데에 표시
- 넘기면 카드·번호 핀 강조와 지도 중심을 바꾸고 일정 목록을 그 카드로 스크롤, 상세는 열지 않음
- 상세 패널이 열리면 패널 오른쪽~지도 오른쪽 가운데로 옮기고, 좁으면 +/−에 밀려 패널 뒤로 가려짐
- PC 지도 확대·축소·북마크 버튼을 오른쪽 24px로 맞춤

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Oct 15, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
frontend-server Ready Ready Preview Oct 15, 2026 1:57pm UTC

Request Review

@coderabbitai

coderabbitai Bot commented Oct 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

🗂️ Base branches to auto review: 1
  • dev

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration
  • Configuration used: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: cbc8df84-b498-49b4-a7fa-111effe2e43e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@sonarqubecloud

Copy link
Copy Markdown

@minbros minbros left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

재검색 버튼과 스테퍼의 겹침, 접힌 일차에서 대상 카드가 표시되지 않는 문제를 수정해 주세요.

paddingLeft: selectedPlace ? MAP_DETAIL_PANEL_COVER_WIDTH_PX : 0,
gridTemplateColumns: `minmax(0, 1fr) auto minmax(${ZOOM_CONTROL_CLEARANCE_PX}px, 1fr)`,
}}
className="pointer-events-none absolute inset-x-0 bottom-6 z-[16] grid justify-end transition-[padding] duration-300 ease-out"

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

[P2] 재검색 버튼과 스테퍼의 위치를 분리해 주세요

카테고리 검색을 완료한 뒤 검색 중심에서 충분히 떨어진 일정 카드를 선택하면 두 버튼이 함께 표시됩니다. PlanPlaceCard의 setSelectedPlace(null); focusPlace(target);는 상세만 닫고 카테고리와 discoverSnapshot을 유지합니다. 이후 지도 중심이 이동하면 usePlacesSearchHereVisible의 재검색 조건이 성립합니다.

이때 스테퍼는 하단 중앙의 bottom-6 z-[16]에 놓이는데, SearchHereFloatingButton.tsx:17도 같은 하단 중앙에 bottom-6 left-1/2 z-[17]로 표시됩니다. 더 높은 재검색 버튼이 순서 표시와 겹치는 조작 영역을 가려, 장소 이동을 누르려다 검색이 실행될 수 있습니다. 두 기능이 함께 활성화되어도 표시·클릭 영역이 겹치지 않도록 배치해 주세요.

Comment on lines +54 to +55
setSelectedPlace(null);
focusPlace(target);

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

[P2] 접힌 일차를 펼친 뒤 대상 카드로 이동해 주세요

장소가 두 곳 이상인 일차에서 카드를 선택하고 해당 일차를 접은 뒤 ‘다음 장소’를 누르면, 지도와 순서만 바뀌고 대상 카드는 보이지 않습니다. 일차 접기는 선택 상태를 유지하므로 스테퍼는 계속 사용할 수 있지만, moveTo는 상세를 닫고 포커스만 변경합니다. PlanPlaceCard가 scrollIntoView를 호출해도 상위 PlanDaySection에 hidden={!expanded}가 남아 있습니다.

접힌 일차의 지도 핀 선택에도 같은 한계가 기존부터 있었지만, 이번에 추가한 스테퍼 역시 이 상태에서 동작하면서 약속한 카드 표시·스크롤을 수행하지 못합니다. 스테퍼 이동 시 대상 일차가 접혀 있으면 먼저 펼치고, 카드가 표시된 뒤 스크롤되도록 처리해 주세요.

This branch was successfully deployed

1 active deployment
Preview — 77e504d3 Deployed Oct 15, 2026 by vercel[bot]
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.

2 participants