프론트엔드 UI 개선 문서 업데이트
- 로그인 상태별 UI 분기 처리 추가 - 체력 시스템 구현 내용 추가 - 브리핑 스케줄 개인화 기능 추가 - 체력바 UI 개선 사항 추가 - 최종 커밋 정보 업데이트
This commit is contained in:
parent
502f06dd87
commit
c48aa5ccea
@ -150,6 +150,74 @@ async def cron_daily_summary(request: Request):
|
||||
|
||||
---
|
||||
|
||||
## 오후 8시 00분
|
||||
|
||||
### 4. 로그인 상태별 UI 분기 처리
|
||||
|
||||
**파일**: `src/pages/game-dashboard.tsx`
|
||||
|
||||
**구현 내용**:
|
||||
1. **로그인 전 UI**:
|
||||
- LoginPromptCard: "로그인이 필요합니다" 메시지
|
||||
- LockedSkillsPanel: 잠긴 스킬 미리보기
|
||||
- 로그인 버튼 제거 (헤더 버튼만 사용)
|
||||
|
||||
2. **로그인 후 UI**:
|
||||
- 정상적인 ActivityPanel
|
||||
- 정상적인 SkillsItemsPanel
|
||||
|
||||
---
|
||||
|
||||
## 오후 9시 00분
|
||||
|
||||
### 5. 체력 시스템 구현
|
||||
|
||||
**새 파일**: `src/contexts/health-context.tsx`
|
||||
|
||||
**주요 기능**:
|
||||
1. **체력 관리**:
|
||||
- 최대 체력: 100
|
||||
- 채팅 응답시: -5 체력
|
||||
- 자동 회복: 1분마다 +2
|
||||
- 로컬 스토리지 저장
|
||||
|
||||
2. **체력 회복 아이템**:
|
||||
```typescript
|
||||
- 에너지 드링크: 체력 +20
|
||||
- 에너지 충전: 체력 +50
|
||||
- 클릭시 즉시 사용 및 수량 감소
|
||||
```
|
||||
|
||||
3. **체력바 UI**:
|
||||
- 위치: 입력창 바로 위 (황금비 38.2% 너비)
|
||||
- 투명도 배경 (backdrop-blur)
|
||||
- 색상: 빨강-핑크 그라디언트
|
||||
|
||||
---
|
||||
|
||||
## 오후 10시 00분
|
||||
|
||||
### 6. 브리핑 스케줄 개인화
|
||||
|
||||
**파일**: `src/components/activity-panel.tsx`
|
||||
|
||||
**추가된 설정**:
|
||||
```typescript
|
||||
interface TaskSettings {
|
||||
// 기존 설정...
|
||||
scheduleType: 'everyday' | 'weekdays' | 'weekends' | 'custom';
|
||||
scheduleDays?: string[]; // ['월', '화', '수', '목', '금', '토', '일']
|
||||
scheduleTime: string; // '09:00' 형식
|
||||
}
|
||||
```
|
||||
|
||||
**UI 개선**:
|
||||
- 매일/평일/주말/사용자지정 선택
|
||||
- 30분 단위 시간 설정 (00:00 ~ 23:30)
|
||||
- 요일별 개별 선택 가능
|
||||
|
||||
---
|
||||
|
||||
## 성과
|
||||
|
||||
### ✅ 완료된 작업
|
||||
@ -158,13 +226,21 @@ async def cron_daily_summary(request: Request):
|
||||
- ActivityPanel: 타임라인 형태로 재구성
|
||||
- SkillsItemsPanel: 레벨 기반 시스템으로 전환
|
||||
- 전반적인 디자인 통일성 향상
|
||||
- 로그인 상태별 UI 분기 처리
|
||||
|
||||
2. **개인화 준비**
|
||||
2. **개인화 시스템**
|
||||
- 작업별 설정 UI 구현
|
||||
- 키워드 관리 시스템
|
||||
- 브리핑 스케줄 개인화 (시간/요일)
|
||||
- 로컬 스토리지 활용 (목업)
|
||||
|
||||
3. **시스템 분석**
|
||||
3. **게임화 요소**
|
||||
- 체력 시스템 구현
|
||||
- 체력 회복 아이템 추가
|
||||
- 체력바 UI (황금비 적용)
|
||||
- 아이템 사용 인터랙션
|
||||
|
||||
4. **시스템 분석**
|
||||
- 브리핑 시스템 전체 플로우 파악
|
||||
- 개선 필요사항 도출
|
||||
- 구현 우선순위 정리
|
||||
@ -227,7 +303,18 @@ async def cron_daily_summary(request: Request):
|
||||
|
||||
---
|
||||
|
||||
**커밋 해시**: d893c51
|
||||
---
|
||||
|
||||
## 최종 커밋 정보
|
||||
|
||||
**주요 커밋들**:
|
||||
- d893c51: 초기 UI 개선 및 개인화 준비
|
||||
- 660364e: 로그인 상태에 따른 UI 분기 처리
|
||||
- 04f67b5: 체력 시스템 구현
|
||||
- 50cacc8: 브리핑 스케줄 개인화 기능 추가
|
||||
- 9e6361d: 체력바 위치 및 디자인 개선
|
||||
- 5c74941: 로그인 필요 메시지 위치 변경
|
||||
|
||||
**Git 저장소**: https://git.ro-being.com/ivada_Ro-being/frontend-customer
|
||||
|
||||
---
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user