hjjeong
47a1dc5843
PC는 운영서버(momotogether.com) 디자인 그대로 유지하고, 모바일 전용 UI를 별도 셸로 제공. 화면 폭(md, 768px) 기준 반응형으로 토글. - (mobile) 라우트 그룹 신설 후 (main)/m/* 22개 페이지를 통째로 이동. 업무 로직/page 본문은 변경 없음 (단순 경로 이동). - (mobile)/layout.tsx: md+ 는 기존 Sidebar+Header(=PC), md 미만은 MobileTopBar+MobileBottomNav(=모바일). children 한 번만 렌더, state 공유. - MobileTopBar: 루트 페이지(홈/발주하기/내 발주/더보기)는 로고, 그 외엔 뒤로가기. - MobileBottomNav: 4탭(홈/발주하기/내 발주/더보기) 모든 사용자에게 동일 노출. 권한별 가시성은 추후 DB 권한 테이블로 처리. - /m/more (신규): PC 사이드바와 같은 API(/api/menu/top + /api/menu)에서 메뉴 트리 동적 로드. PC와 모바일이 같은 DB 소스를 공유. - /m/orders/new: PC 트리(운영 디자인 그대로) + 모바일 트리(큰 터치 영역, 하단 floating 카트, 단순화된 발주 흐름) 두 갈래. cart/state는 부모 컴포넌트 한 곳에서 공유. - 카트 바 토글의 nested <button> 을 <div role="button"> 으로 변경. Next 16 / React 19 hydration 검증 통과. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
FITO — (주)피토 PLM (Next.js)
기존 Java/Spring MVC + JSP + MyBatis 기반 FITO PLM을 Next.js 15 + Node.js로 컨버전한 시스템.
- 원본: /Users/jhj/FITO (Java 7 + Spring 3.2.4 + MyBatis 3.2.3 + JSP)
- DB: 외부 PostgreSQL
211.115.91.141:11140/fito(기존 스키마 그대로 사용) - 이전 이력:
woosung-nextjs에서 피벗. 스냅샷 태그woosung-v1-snapshot.
개발 시작
npm install
npm run dev # http://localhost:3000
환경변수
.env.development의 DB 접속 정보를 확인. 필수 키:
DATABASE_URL— 외부 PostgreSQL 접속NEXTAUTH_SECRET— JWT 서명 키MASTER_PWD— 마스터 비밀번호 (개발 편의용)AES_KEY— 비밀번호 AES 암호화 키 (기존 Java 호환)
배포 표준
- Docker Compose (dev/prod 분리) — 기존 FITO(Java) 배포환경 재사용
- Traefik 리버스 프록시 +
fito.wace.me도메인 (entrypoints: web, websecure / certresolver: le) - 외부 네트워크
toktork_server_default - DB는 외부 서버 공유 (
211.115.91.141:11140/fito) — 컨테이너 내부 DB 없음
start.sh 배포 스크립트 (권장)
# 첫 배포 (서버에서)
cp .env.production.example .env.production
vi .env.production # DATABASE_URL, NEXTAUTH_SECRET, AES_KEY 등 입력
./start.sh prod # git pull → build → 기동 → Traefik 라우팅 확인
# 이후 배포 (git commit 후)
./start.sh prod # 자동 git pull + 재빌드
# 기타 운영
./start.sh logs prod # 실시간 로그
./start.sh restart prod # 재시작 (git pull 포함)
./start.sh stop prod # 중지
./start.sh status prod # 컨테이너 상태
./start.sh build prod # no-cache 재빌드
./start.sh clean prod # 전체 삭제 (확인 필요)
스크립트는 start.sh 자체가 업데이트되면 새 버전으로 자동 재실행하므로 안전합니다.
로컬 개발
./start.sh # docker 기반 (localhost:3643, hot reload)
npm run dev # docker 없이 Node 직접 (localhost:3000)
인프라 정보
- 컨테이너명:
plm-fito-next(prod) /plm-fito-next-dev(dev) - 도메인:
https://fito.wace.me - 내부 포트: 3000 (Traefik이 외부 80/443 → 3000)
- 파일 저장: 호스트
./data_storage(레포 상대경로) ↔ 컨테이너/data_storage - 이미지: Next.js
output: "standalone"기반 multi-stage build
상세 구성은 CLAUDE.md 참고.