ip주소 추가 및 파일 변경

README.md

@@ -26,7 +26,7 @@ http://localhost:51003
 
 ## ⚙️ 설정 관리
 
-### API 엔드포인트 설정 (`src/common/config.py`)
+### API 엔드포인트 설정 (`src/common/settings.py`)
 
 #### 기본 API URL(DEV3)
 
@@ -85,30 +85,49 @@ PREDEFINED_ENDPOINTS = [
 ```
 src/
 ├── common/
-│   └── config.py               # 애플리케이션 설정 (구 settings.py)
+│   └── settings.py              # 애플리케이션 설정
 ├── config/
 │   ├── __init__.py
 │   └── app_config.py           # 통합 설정 관리
 ├── services/
-│   ├── manager.py              # API 통합 관리 (구 api_manager.py)
-│   └── client.py               # 외부 API 호출 (구 image_api_service.py)
+│   ├── api_manager.py          # API 통합 관리
+│   └── image_api_service.py    # 외부 API 호출
 ├── static/
 │   ├── css/
 │   │   └── style.css           # CSS 스타일 (CSS 변수 사용)
 │   └── js/
-│       ├── constants.js        # 상수 정의 (구 const.js)
+│       ├── const.js            # 상수 정의
 │       ├── init.js             # 초기화 스크립트
 │       └── modules/
-│           ├── http.js             # HTTP 통신 (구 apiClient.js)
-│           ├── config.js           # API 설정 관리 (구 apiConfigManager.js) ⭐
-│           ├── main.js             # 메인 컨트롤러 (구 imageGenerator.js)
-│           ├── state.js            # 상태 관리 (구 stateManager.js)
-│           └── ui.js               # UI 업데이트 (구 uiManager.js)
+│           ├── apiClient.js        # API 통신
+│           ├── apiConfigManager.js # API 설정 관리 ⭐ NEW
+│           ├── imageGenerator.js   # 이미지 생성 로직
+│           ├── stateManager.js     # 상태 관리
+│           └── uiManager.js        # UI 관리
 ├── templates/
 │   └── index.html              # HTML 템플릿
 └── web_server.py               # FastAPI 웹 서버
 ```
 
+## 🎨 UI/UX 개선사항
+
+### 반응형 레이아웃
+
+- **데스크톱 (1025px+)**: 이미지 5개/행, 여백 20px
+- **태블릿 (769-1024px)**: 이미지 3개/행, 여백 15px
+- **모바일 (~768px)**: 이미지 2개/행, 여백 10px
+
+### CSS 최적화
+
+- CSS 변수 도입으로 통일된 디자인 시스템
+- 공통 색상, 크기, 그림자 값 중앙 관리
+
+### 사용성 개선
+
+- 접을 수 있는 API 설정 패널
+- 실시간 API 상태 표시
+- 호버 효과 및 활성 상태 표시
+
 ## 🐛 문제 해결
 
 ### 포트 충돌
@@ -117,7 +136,7 @@ src/
 # 포트 사용 확인
 netstat -an | findstr :51003
 
-# config.py에서 SERVICE_PORT 변경
+# settings.py에서 SERVICE_PORT 변경
 SERVICE_PORT = 51004  # 다른 포트로 변경
 ```
 
@@ -135,3 +154,25 @@ http://localhost:51003/api-status
 
 - **F12 → 콘솔 탭**: JavaScript 오류 및 API 호출 로그 확인
 - **네트워크 탭**: API 요청/응답 상세 분석
+
+## 📝 개발 로그
+
+### v2.0 (2025-08-06)
+
+- ✅ 동적 API 엔드포인트 설정 기능 추가
+- ✅ 사전 정의된 서버 버튼들
+- ✅ 반응형 이미지 레이아웃 개선 (5/3/2개)
+- ✅ CSS 변수 도입 및 최적화
+- ✅ Legacy 코드 제거 및 클린업
+- ✅ API 설정 패널 UI 추가
+
+### 주요 변경사항
+
+- `apiConfigManager.js` 모듈 추가
+- API URL 실시간 변경 기능
+- 설정 패널 토글 기능
+- CSS 변수 기반 디자인 시스템
+
+## 📞 지원
+
+문제가 발생하면 개발자 도구(F12) 콘솔을 확인하거나 서버 로그를 점검해주세요.