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

New Issue

seonkyu.kim · 2026-02-28T07:32:31Z

seonkyu.kim commented

2026-02-28 07:32:31 +00:00

설명

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

작업 내용

알림 상세 패널

알림 페이지에서 알림 행 클릭 시 상세 슬라이드 패널 표시
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

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