docs: Gmail 아이템 프론트엔드 구현 내용 추가
- 프론트엔드 인벤토리 UI 개발 과정 기록
- import 오류 수정 (react-router-dom → wouter)
- console.log 제거 (보안 검토)
- Gitea Actions 설정 수정
- 배포 완료 (11:10)
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
9c9adf1781
commit
f007a71d15
@ -200,6 +200,72 @@ Gitea Actions 오류 시:
|
||||
3. skill-email DB 연결 전환
|
||||
4. 전체 통합 테스트
|
||||
|
||||
## 오전 10시 30분 - 프론트엔드 인벤토리 UI 개발
|
||||
|
||||
### 개발 순서
|
||||
1. **API 클라이언트 확장** (`robing-api.ts`)
|
||||
- GmailCredentialItem 타입 정의
|
||||
- getGmailItems, equipGmailItem, unequipGmailItem, startGmailReauth, revokeGmailItem 함수 구현
|
||||
|
||||
2. **Context 상태 관리** (`item-context.tsx`)
|
||||
- Redux 패턴으로 전역 상태 관리
|
||||
- 장착/해제/재인증/철회 액션 처리
|
||||
|
||||
3. **UI 컴포넌트 구현**
|
||||
- GmailPassportCard: 개별 아이템 카드
|
||||
- InventoryGrid: 아이템 목록 그리드
|
||||
- InventoryPage: 인벤토리 전체 페이지
|
||||
|
||||
4. **라우팅 통합**
|
||||
- `/inventory` 라우트 추가
|
||||
- 게임 대시보드에 "인벤토리 열기" 버튼 추가
|
||||
|
||||
## 오전 10시 56분 - import 오류 수정
|
||||
|
||||
### 문제
|
||||
```
|
||||
Pre-transform error: Failed to resolve import "react-router-dom" from "src/pages/inventory.tsx"
|
||||
```
|
||||
|
||||
### 원인
|
||||
프로젝트에서 wouter 사용 중인데 react-router-dom import 시도
|
||||
|
||||
### 해결
|
||||
```typescript
|
||||
// 잘못된 코드
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
|
||||
// 수정된 코드
|
||||
import { useLocation } from 'wouter';
|
||||
const [, setLocation] = useLocation();
|
||||
```
|
||||
|
||||
## 오전 11시 01분 - 보안 및 빌드 검증
|
||||
|
||||
### console.log 제거
|
||||
inventory-grid.tsx에서 console.log 2개 제거 (보안 검토)
|
||||
|
||||
### 빌드 테스트
|
||||
```bash
|
||||
npm run build
|
||||
# ✓ built in 2.53s
|
||||
# dist 폴더 정상 생성
|
||||
```
|
||||
|
||||
## 오전 11시 03분 - Gitea Actions 설정 재수정
|
||||
|
||||
### frontend-customer/.gitea/workflows/deploy.yml 수정
|
||||
1. Line 12: `github.ref` → `gitea.ref` 변경
|
||||
2. Line 63: `VITE_API_URL=http://localhost:8001` → `VITE_ROBING_API_URL=https://ro-being.com/gateway` 변경
|
||||
|
||||
## 오전 11시 10분 - 배포 완료
|
||||
|
||||
### 배포 결과
|
||||
- ✅ Gitea Actions 자동 빌드 성공
|
||||
- ✅ dist 디렉토리 생성 완료
|
||||
- ✅ https://ro-being.com/inventory 접속 가능
|
||||
- ✅ 프론트엔드 인벤토리 UI 정상 작동
|
||||
|
||||
---
|
||||
|
||||
## 참고 문서
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user