[jyt6640]

작업 내용

• develop의 [Design] 앱 전체 페이지 Octo Code 전면 리디자인 #414 앱 전체 Octo Code 전면 리디자인을 production release 대상으로 제안합니다.
• [Design] 출석부 UI/UX 전면 재설계 #410 출석 화면 리팩토링과 [Style] #410 - 사이드바 활성 상태 강조 정리 #413 사이드바 활성 상태 정리 이후의 전체 UI 표면·반응형·테마 변경을 main에 배포할 릴리스 PR입니다.
• 릴리스 버전: v1.1.7

변경 이유

• 인증 화면을 포함한 전체 사용자 화면의 시각 체계와 상태 표현을 일관되게 적용합니다.
• 활성 내비게이션은 파란색 primary로 통일하고, 노란색은 주의·상태 의미에만 사용합니다.
• 모바일 고정 내비게이션과 다크/라이트 테마의 실제 사용 환경을 보정합니다.

상세 변경 사항

• 14개 라우트 전면 리디자인
• 공통 shell, navigation, surface, form, table, modal, toast 스타일 정리
• loading, empty, error, permission, success 상태 표현 정리
• 390/768/1280 반응형 및 명시적 light theme 대응
• DESIGN.md에 전체 리디자인 계약과 Before/After 기록
• 14개 라우트 × 3개 뷰포트 Before/After 증적과 Chromium 캡처 메타데이터 포함
• API, 상태 관리, 권한 가드, 라우팅 로직 변경 없음

테스트

• npm run test:run: 62개 파일, 456개 테스트 통과
• npm run build 통과
• develop 대상 PR [Design] #414 - 앱 전체 Octo Code 전면 리디자인 #415 GitHub CI 통과
• Vercel Preview 완료
• Chromium 수동 QA: overflow 0건, redirect 0건
• npm run lint: 기존 baseline 오류 24개와 경고 4개는 별도 유지보수 범위입니다.

리뷰 포인트

• 전체 페이지의 다크/라이트 테마 대비와 focus 상태
• 권한별 team-management/admin 화면의 접근 제어 보존
• 모바일 고정 내비게이션과 긴 콘텐츠의 하단 가시성
• release 후 Vercel Production 배포와 주요 사용자 흐름

관련 이슈

• [Design] 앱 전체 페이지 Octo Code 전면 리디자인 #414 앱 전체 Octo Code 전면 리디자인
• [Design] 출석부 UI/UX 전면 재설계 #410 출석 화면 역할별 리팩토링
• [Style] #410 - 사이드바 활성 상태 강조 정리 #413 사이드바 활성 상태 강조 정리

develop의 검증 완료 상태를 main에 반영하는 release PR입니다. main merge는 저장소 관리자 승인 후 진행합니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
yanus-groupware	Ready	Preview	Aug 22, 2026 2:53am