Skip to content

feat(worker): 근로자 상세 딥링크 연결 (/workers/:workerId)#65

Merged
BcKmini merged 1 commit into
mainfrom
feature/issue-54-worker-detail-deeplink
Jul 21, 2026
Merged

feat(worker): 근로자 상세 딥링크 연결 (/workers/:workerId)#65
BcKmini merged 1 commit into
mainfrom
feature/issue-54-worker-detail-deeplink

Conversation

@BcKmini

@BcKmini BcKmini commented Jul 21, 2026

Copy link
Copy Markdown
Member

개요

/workers/:workerId가 실제로는 아무 곳에서도 연결되지 않은 죽은 라우트였다 (PlaceholderPage). PEOPLE-001(WorkerListPage)이 이미 마스터-디테일 레이아웃으로 근로자 상세를 보여주므로, 별도 화면 대신 WorkerListPage가 URL 파라미터를 읽어 딥링크를 지원하도록 연결한다.

변경 사항

  • routes.tsx: /workers/:workerId를 PlaceholderPage 대신 WorkerListPage로 연결
  • WorkerListPage.tsx: useParamsworkerId를 읽어 초기 선택 근로자 결정, 잘못된 id는 첫 번째 근로자로 폴백. 근로자 행 클릭 시 로컬 useState 대신 navigate(/workers/:id)로 선택을 반영 (뒤로가기로 이전 선택 복귀 가능), 기존 ?demoState= 쿼리는 유지한 채 이동
  • WorkerListPage.test.tsx: Routes로 감싸 라우트 매칭 테스트, 딥링크 렌더링·잘못된 id 폴백 테스트 추가

완료 조건

  • /workers/:workerId 접속 시 해당 근로자가 선택된 상태로 렌더링
  • 근로자 행 클릭 시 URL이 /workers/:id로 바뀜 (뒤로가기로 이전 선택 복귀 가능)
  • 잘못된 workerId 접근 시 기본 근로자로 폴백 (에러 없이)
  • 기존 PEOPLE-001 테스트 통과 확인 + 신규 라우팅 테스트 추가

검증

  • npm run lint
  • npm run test
  • npm run build

Closes #54

죽은 라우트였던 /workers/:workerId를 PlaceholderPage 대신 WorkerListPage로
연결한다. URL의 workerId 파라미터로 초기 선택 근로자를 결정하고, 근로자 행
클릭 시 로컬 상태 대신 라우트 이동으로 선택을 반영해 뒤로가기/딥링크가
모두 가능하도록 한다. 잘못된 workerId는 첫 번째 근로자로 폴백한다.

Closes #54
@BcKmini
BcKmini merged commit 5240d25 into main Jul 21, 2026
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.

[Screen] 근로자 상세 딥링크 연결 (/workers/:workerId)

1 participant