docs: UX 개선 내용 추가 (프로덕션 버튼 숨김, 입력창 고정)

This commit is contained in:
happybell80 2025-12-01 12:31:43 +09:00
parent ac998c782e
commit 167829cf7a

View File

@ -117,7 +117,11 @@ curl -X POST http://localhost/rb8001/api/ir-deck/evaluate \
- **파비콘 추가**: `public/favicon.svg` 생성, `index.html:6-7` 링크 추가
- **로깅 유틸리티**: `src/utils/logger.ts` 생성 (환경별 일관된 로깅)
- **에러 로깅 교체**: `src/pages/ir-valuation.tsx` - `console.error``logger.error()` (4곳: 100, 116, 162, 225)
- **프로덕션 환경 개선**: `ir-valuation.tsx:518-527` - 테스트 파일 업로드 버튼 개발 환경에서만 표시
- **입력창 하단 고정**: `ir-valuation.tsx:489, 708` - `sticky bottom-0 z-10` 적용, 메시지 영역에 `pb-32` 추가
### 교훈
- 프로덕션 환경에서도 에러 로그 기록 필요: `logger.error()`는 모든 환경에서 동작
- 브라우저 기본 요청(favicon.ico)은 미리 처리하여 404 오류 방지
- 개발용 기능은 프로덕션에서 숨김 처리 필수: `process.env.NODE_ENV` 조건 사용
- ChatGPT 스타일 UI 구현 시 입력창은 항상 하단 고정 (`sticky` 또는 `fixed`)