Skip to content

Feature: navigation 스타일 및 기능구현 - #8

Open
Gomyeunghan wants to merge 9 commits into
mainfrom
feature/sidebar
Open

Gomyeunghan wants to merge 9 commits into
mainfrom
feature/sidebar

Conversation

@Gomyeunghan

@Gomyeunghan Gomyeunghan commented Sep 3, 2026 •

Copy link
Copy Markdown
Collaborator

🛠️ 작업 내용

Sidebar (src/widgets/sidebar/)

  • 오른쪽에서 슬라이드되는 패널 + 딤 오버레이
  • 메뉴 항목: 홈 / 내 정원 / 캘린더, 하단에 로그아웃
  • 닫기: 딤 클릭, ESC, 메뉴 클릭, X 버튼
  • ESC 처리는 model/useCloseOnEscape 훅으로 분리
  • 닫힌 상태는 inert로 포커스·스크린리더에서 제외

Navigation (src/widgets/navigation/)

  • 헤더 + 사이드바를 묶고 열림 상태를 소유
  • 레이아웃에서는 <Navigation />하나만 렌더

로그아웃 버튼은 UI만 구현, 실제 처리는 인증 연동 후 (TODO 표기)


변경

  • globals.css — --sidebar 계열 토큰을 3D 씬(#f5f2ea)에 맞춘 웜톤으로 교체
  • 라우트 그룹 (with-header) → (with-nav) (헤더만 넣는 게 아니게 되어서)

📸 스크린샷 (UI 변경시)

image

📡 리뷰 요청사항

아래 두가지 미구현 되어 추후 작업이 필요합니다.

  • /garden, /calendar 페이지 미구현 — 현재 클릭 시 404
  • 로그아웃 실제 동작 (인증 연동 시)
  • sidebar,header,navigation모두 widgets 이 맞을까 의심스럽습니다..

@Gomyeunghan Gomyeunghan self-assigned this Sep 3, 2026
@Gomyeunghan Gomyeunghan linked an issue Sep 3, 2026 that may be closed by this pull request
@Gomyeunghan Gomyeunghan added the feature 무언가 개발했을때 label Sep 3, 2026
@Gomyeunghan Gomyeunghan changed the title Feature/sidebar Feature: navigation 스타일 및 기능구현 Sep 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature 무언가 개발했을때

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feature: 사이드바 스타일링 및 기능구현

1 participant