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 연결 전환
|
3. skill-email DB 연결 전환
|
||||||
4. 전체 통합 테스트
|
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