06c52b422f
pop-work-detail 컴포넌트에 그룹별 타이머 시스템과 터치 최적화 UI를 추가하고, 체크리스트 결과가 DB에 저장되지 않던 버그를 수정하여 안정화를 완료한다. [그룹별 타이머] - group-timer API 신규: start/pause/resume/complete 액션 (popProductionController) - process_work_result에 group_started_at/paused_at/total_paused_time/completed_at 활용 - GroupTimerHeader UI: 순수 작업시간 + 경과시간 이중 표시 - 첫 그룹 "시작" 시 work_order_process.started_at 자동 기록 (공정 시작 자동 감지) - 공정 완료 시 actual_work_time을 그룹 타이머 합산으로 백엔드 자동 계산 [터치 최적화 UI] - 12개 영역 전면 스케일업: 버튼 h-11~h-12, 입력 h-11, 체크박스 h-6 w-6 - 사이드바 w-[180px], InfoBar text-sm, 최소 터치 영역 40~44px 확보 - 산업 현장 태블릿 터치 사용 최적화 [DB 저장 버그 수정] - saveResultValue/handleQuantityRegister: execute-action task 형식 수정 (fixedValue + lookupMode:"manual" + manualItemField/manualPkColumn:"id") - 원인: 백엔드가 __cart_row_key를 찾는데 프론트에서 id만 전송하여 lookup 실패 [디자이너 설정 확장] - displayMode: list/step 전환 설정 추가 - PopWorkDetailConfig: 표시 모드 Select 드롭다운 - types.ts: PopWorkDetailConfig 인터페이스 displayMode 추가 - PopCardListV2Component: parentRow.__processFlow__ 전달 보강 |
||
|---|---|---|
| .. | ||
| app | ||
| components | ||
| constants | ||
| contexts | ||
| docs | ||
| hooks | ||
| lib | ||
| providers | ||
| public | ||
| scripts | ||
| stores | ||
| test-scenarios | ||
| types | ||
| utils | ||
| .dockerignore | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc | ||
| MODAL_REPEATER_TABLE_DEBUG.md | ||
| README.md | ||
| approval-box-result.png | ||
| components.json | ||
| eslint.config.mjs | ||
| middleware.ts | ||
| next.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.mjs | ||
| tsconfig.json | ||
README.md
This is a Next.js project bootstrapped with create-next-app.
Environment Setup
환경변수 설정
개발 환경에서 파일 미리보기가 정상 작동하도록 하려면 다음 환경변수를 설정하세요:
.env.local파일을 생성하고 다음 내용을 추가:
# 개발 환경 (Next.js rewrites 사용)
NEXT_PUBLIC_API_URL=/api
# 운영 환경에서는 실제 백엔드 URL 사용
# NEXT_PUBLIC_API_URL=http://39.117.244.52:8080/api
- 백엔드 서버가 포트 3000에서 실행되고 있는지 확인
- Next.js 개발 서버는 포트 9771에서 실행
파일 미리보기 문제 해결
파일 미리보기에서 CORS 오류가 발생하는 경우:
- 백엔드 서버가 정상 실행 중인지 확인
- Next.js rewrites 설정이 올바른지 확인 (
next.config.mjs) - 환경변수
NEXT_PUBLIC_API_URL이 올바르게 설정되었는지 확인
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.