22557e7132
- 7-8월 초기 구축 문서 12개를 _archive/troubleshooting/2025_07-08_initial_setup/로 이동 - book/300_architecture/390_human_in_the_loop_intent_learning.md를 journey/research/intent_classification/로 이동 (개발 여정 문서) - 빈 폴더 제거 (journey/assets/*)
105 lines
3.0 KiB
Markdown
105 lines
3.0 KiB
Markdown
# 프론트엔드 분리 및 Admin 페이지 수정
|
|
|
|
**날짜**: 2025-07-17
|
|
**작업자**: happybell80 & Claude
|
|
**저장소**: frontend-base, frontend-customer
|
|
|
|
## 오후 8시 30분
|
|
|
|
### 프론트엔드 분리 작업
|
|
|
|
**배경**:
|
|
- 고객용 프론트엔드와 관리자 대시보드가 하나의 저장소에 혼재
|
|
- 독립적인 배포와 관리의 필요성
|
|
- 성능 최적화 (번들 크기 감소)
|
|
|
|
**주요 작업**:
|
|
|
|
1. **새 저장소 생성**
|
|
- `frontend-customer` 저장소 생성 (고객용 React 앱)
|
|
- Git URL: https://git.ro-being.com/ivada_Ro-being/frontend-customer.git
|
|
|
|
2. **파일 이동**
|
|
- `frontend/client/*` → `frontend-customer/`
|
|
- node_modules 및 대용량 이미지 제외
|
|
- .gitignore, README.md, CLAUDE.md 작성
|
|
|
|
3. **구조 재편성**
|
|
- `frontend/backend/admin_static` → `frontend/admin-ui` 이름 변경
|
|
- docker-compose.yml에서 frontend 서비스 제거
|
|
- 관리자 전용 백엔드로 변경
|
|
|
|
4. **Docker 설정**
|
|
- frontend-customer: 포트 5173, container_name 추가
|
|
- frontend-base: 포트 8000, container_name 추가
|
|
- 양쪽 모두 appnet 네트워크 사용
|
|
|
|
**결과**:
|
|
- frontend-customer: 고객용 React 앱 (별도 저장소)
|
|
- frontend-base: 관리자 대시보드 백엔드 (기존 저장소)
|
|
- 각각 독립적인 배포 가능
|
|
|
|
## 오후 9시 00분
|
|
|
|
### Admin 페이지 배포 문제 해결
|
|
|
|
**문제 상황**:
|
|
- https://ro-being.com/admin 에서 구식 디자인 표시
|
|
- 다크모드 토글 없음, 보라색 그라데이션 배경
|
|
- 로컬에는 현대적 디자인이 적용되어 있음
|
|
|
|
**원인 분석**:
|
|
1. `main.py`에서 여전히 `admin_static/index.html` 경로 참조
|
|
2. 실제 파일은 `admin-ui/index.html`로 이동됨
|
|
3. FileResponse가 파일을 찾지 못해 오류 발생
|
|
|
|
**해결 과정**:
|
|
1. main.py 수정
|
|
```python
|
|
# 변경 전
|
|
return FileResponse("admin_static/index.html")
|
|
|
|
# 변경 후
|
|
return FileResponse("admin-ui/index.html")
|
|
```
|
|
|
|
2. Git 커밋 및 푸시
|
|
- 커밋: `3a8d62b` fix: admin 페이지 경로 수정
|
|
|
|
## 오후 10시 00분
|
|
|
|
### 폴더명 변경 및 Actions 워크플로우 수정
|
|
|
|
**추가 작업**:
|
|
1. **폴더명 통일**
|
|
- 로컬과 서버 모두 `frontend` → `frontend-base`로 변경
|
|
- 프로젝트 일관성 확보
|
|
|
|
2. **Actions 워크플로우 경로 수정**
|
|
```yaml
|
|
# 변경 전
|
|
/home/admin/frontend/
|
|
|
|
# 변경 후
|
|
/home/admin/frontend-base/
|
|
```
|
|
|
|
3. **백업 경로 수정**
|
|
- `frontend.backup.*` → `frontend-base.backup.*`
|
|
- 롤백 스크립트도 동일하게 수정
|
|
|
|
**기술적 성과**:
|
|
- 프론트엔드 완전 분리로 관심사 분리
|
|
- 번들 크기 최적화 (고객용 앱 경량화)
|
|
- 독립적인 배포 파이프라인 구축
|
|
- 보안 강화 (관리자 기능 격리)
|
|
|
|
**문제점 및 개선사항**:
|
|
- Actions 실행 중 경로 오류 발생
|
|
- rsync 실패: `/home/admin/frontend` 디렉토리 없음
|
|
- 워크플로우 파일 수정으로 해결
|
|
|
|
**다음 단계**:
|
|
- 서버에서 변경사항 pull 및 재배포
|
|
- admin 페이지 다크모드 적용 확인
|
|
- 양쪽 저장소 독립적 운영 시작 |