[Feature] 설정 페이지 기능 개선 및 알림 상세 패널 구현 #27

Closed
opened 2026-02-28 07:32:31 +00:00 by seonkyu.kim · 0 comments
Owner

설명

설정 관련 페이지 기능 개선 및 알림 상세 슬라이드 패널을 구현합니다.

작업 내용

알림 상세 패널

  • 알림 페이지에서 알림 행 클릭 시 상세 슬라이드 패널 표시
  • HistorySlidePanel과 동일한 패턴 (오버레이 + 480px 우측 패널)
  • 타입 배지, 시간, 제목, 설명, 상세 내용, 읽음 상태 표시
  • 패널 내 읽음 처리 버튼

헤더 알림 드롭다운 연동

  • 헤더 드롭다운 알림 데이터를 settings/types.ts와 통합
  • 드롭다운에서 알림 클릭 시 알림 페이지로 이동 + 패널 자동 오픈
  • 미읽음 알림 시각적 구분

프로필 수정 검증 개선

  • 이름 필수값 미입력 시 인라인 에러 메시지 + shake 애니메이션
  • useShake 훅 + 빨간 테두리 패턴 (다른 페이지와 동일)

사이드바 개선

  • 프로필 아이콘 클릭 시 마이페이지 이동
  • 다른 페이지 이동 시 펼쳐진 메뉴 그룹 자동 접힘

체크리스트

  • NotificationSlidePanel 컴포넌트 생성
  • NotificationsPage 패널 연동
  • AppHeader 알림 데이터 통합 + 네비게이션
  • ProfileEditPage 필수값 검증 (useShake 패턴)
  • AppSidebar 프로필 링크 + 그룹 자동 접힘
  • TypeScript 빌드 검증 통과
## 설명 설정 관련 페이지 기능 개선 및 알림 상세 슬라이드 패널을 구현합니다. ## 작업 내용 ### 알림 상세 패널 - 알림 페이지에서 알림 행 클릭 시 상세 슬라이드 패널 표시 - HistorySlidePanel과 동일한 패턴 (오버레이 + 480px 우측 패널) - 타입 배지, 시간, 제목, 설명, 상세 내용, 읽음 상태 표시 - 패널 내 읽음 처리 버튼 ### 헤더 알림 드롭다운 연동 - 헤더 드롭다운 알림 데이터를 settings/types.ts와 통합 - 드롭다운에서 알림 클릭 시 알림 페이지로 이동 + 패널 자동 오픈 - 미읽음 알림 시각적 구분 ### 프로필 수정 검증 개선 - 이름 필수값 미입력 시 인라인 에러 메시지 + shake 애니메이션 - useShake 훅 + 빨간 테두리 패턴 (다른 페이지와 동일) ### 사이드바 개선 - 프로필 아이콘 클릭 시 마이페이지 이동 - 다른 페이지 이동 시 펼쳐진 메뉴 그룹 자동 접힘 ## 체크리스트 - [x] NotificationSlidePanel 컴포넌트 생성 - [x] NotificationsPage 패널 연동 - [x] AppHeader 알림 데이터 통합 + 네비게이션 - [x] ProfileEditPage 필수값 검증 (useShake 패턴) - [x] AppSidebar 프로필 링크 + 그룹 자동 접힘 - [x] TypeScript 빌드 검증 통과
seonkyu.kim added the
Priority
Medium
Status
In Progress
Type
Feature
labels 2026-02-28 07:32:46 +00:00
seonkyu.kim added this to the Phase 1 - 프로젝트 초기 설정 milestone 2026-02-28 07:32:57 +00:00
seonkyu.kim self-assigned this 2026-02-28 07:34:20 +00:00
seonkyu.kim added
Status
Done
and removed
Status
In Progress
labels 2026-02-28 08:07:39 +00:00
Sign in to join this conversation.
No description provided.