Skip to content

✨ [Feature] 사이드바 UI 구현 #44

@YermIm

Description

@YermIm

🛠️ Issue Description

플랫폼의 좌측 사이드바 UI 컴포넌트를 구현한다.
사이드바는 서비스의 주요 네비게이션 역할을 하며, 다음 메뉴 구조를 포함한다.

  • 상단 로고 영역
  • 대시보드
    • 통합 대시보드
    • 플랫폼 대시보드
    • 성과 타임라인
  • 광고
    • 광고 목록
    • 캠페인 그룹 정보 설정
  • 지도
  • 워크스페이스
    • 플랜 및 결제
  • 하단 영역
    • 알림
    • 설정
    • 로그아웃

💭 Functional role

  • 애플리케이션 전역에서 사용되는 공통 네비게이션 컴포넌트
  • 페이지 이동 및 현재 활성 메뉴 표시
  • 드롭다운 및 확장/축소 기능을 통해 사용자 탐색 편의성 제공

📝 check-lists

  • 사이드바 메뉴 데이터 구성 및 관리
  • 확장/축소 상태에 따른 가변 레이아웃 구현
  • 확장/축소 토글 버튼 노출 및 상호작용 처리
  • 메뉴별 상세 항목 토글 기능 구현
  • 현재 경로 기반 active 스타일 적용

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions