프론트엔드 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: 타임라인 형태로 재구성
|
- ActivityPanel: 타임라인 형태로 재구성
|
||||||
- SkillsItemsPanel: 레벨 기반 시스템으로 전환
|
- SkillsItemsPanel: 레벨 기반 시스템으로 전환
|
||||||
- 전반적인 디자인 통일성 향상
|
- 전반적인 디자인 통일성 향상
|
||||||
|
- 로그인 상태별 UI 분기 처리
|
||||||
|
|
||||||
2. **개인화 준비**
|
2. **개인화 시스템**
|
||||||
- 작업별 설정 UI 구현
|
- 작업별 설정 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
|
**Git 저장소**: https://git.ro-being.com/ivada_Ro-being/frontend-customer
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user