어느 가격이 "공급사에 지불하는 단가"인지는 회사마다 달라, 컬럼을 합치는 대신 회사가 고르게 했다.
판정은 settings.features.nego_baseline_field 1순위, 미설정 회사는 price 만 숨겼으면 purchase_price 폴백.
판정식 정본은 negodata/backend/common/nego_baseline.py (agent·negosium backend 가 같은 규칙 미러).
- negodata front: 회사 설정에 협상 기준가 라디오(선택지마다 실제 나갈 문장 미리보기 + 학습 경고),
'공급사 포털 안내' 탭 신설(협상 유의사항·헬프데스크 연락처), 용어 카탈로그에 target_price·supplier 추가.
인터넷 최저가는 숨김 대상에서 제외(신규 견적의 유일한 목표가 후보).
상품 등록 기본값에서 개발용 더미 제거(price 1,000,000·PROD-BAT-###·800,000·대한민국·10 EA·14).
- agent: get_item_price → get_item_baseline (기준가·호칭·회사 용어사전을 한 쿼리로),
"기존 공급가 대비" 하드코딩을 회사 용어로 치환 + 받침 기준 조사 자동 보정,
협상 스크립트 4종의 협력사·목표가·배송형태 용어를 {label_*} 토큰화, input_options 도 변수 치환 적용.
- negosium: 협상 화면 기준 단가·배송형태 라벨을 회사 설정 기준으로, 유의사항 본문과 헬프데스크 연락처를
하드코딩에서 회사 설정으로(미등록 시 영역 숨김). 유의사항의 VAT·배송비 문구 삭제(IMK 0803 ⑥).
- negodata backend: LPS 검색 가격 힌트를 items.price 고정에서 기준가 규칙으로.
검증: 기준가 설정 3 × 숨김 4 = 12조합에서 협상 멘트·포털 표시·LPS 힌트가 전부 일치.
agent 테스트 176건 통과. 보고서 negodata/docs/nego-baseline-verification.md
|
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .dockerignore | ||
| .env.sample | ||
| .gitignore | ||
| Dockerfile | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Negosium Front
React + TypeScript + Vite 기반 프론트엔드.
기술 스택
- 빌드/런타임: Vite 8, React 19, TypeScript 6
- 상태/데이터: TanStack Query(서버 상태), Zustand(클라이언트 상태)
- HTTP: axios
- 에디터: Slate (
slate/slate-react/slate-history) - 스타일: Tailwind CSS v4 (
@tailwindcss/vite) - 경로 alias:
@/*→src/*
요구 사항
- Node.js
20.19+또는22.12+(Vite 8 요구 사항, 개발은 24.x 기준) - npm
로컬 세팅
# 1. 프로젝트로 이동
cd front
# 2. 의존성 설치
npm install
# 3. env 파일 준비 (.env.sample 복사 후 값 채우기)
cp .env.sample .env.local
# 4. 로컬 개발 서버 실행 (기본 http://localhost:5173)
npm run dev
백엔드 API 는 negosium 백엔드(기본
http://localhost:9300)를 바라본다..env.local의VITE_API_BASE_URL로 조정한다.
환경 변수 (.env)
Vite 의 mode 기능으로 환경별 env 파일을 매핑한다. 클라이언트 번들에 노출되는 변수는 반드시 VITE_ 접두사를 붙인다.
| 파일 | 사용 시점 | git |
|---|---|---|
.env.sample |
템플릿 (키 목록 공유용) | ✅ 커밋 |
.env.local |
로컬 개발 (npm run dev, Vite 가 자동 로드) |
🚫 ignore |
.env.dev |
--mode dev (개발 서버) |
🚫 ignore |
.env.prod |
--mode prod (운영) |
🚫 ignore |
새 환경 세팅 시 .env.sample 을 복사해 환경별 파일을 만들고 값을 채운다. 코드에서는 import.meta.env.VITE_API_BASE_URL 처럼 접근한다.
참고: Vite 8 부터
local은 모드 이름으로 사용할 수 없다(.env.local의.local접미사와 충돌). 그래서 로컬 개발은 별도 모드 없이 기본vite(mode:development)로 실행하고, 로컬 값은.env.local에 둔다 — Vite 는.env.local을 모든 모드에서 항상 자동 로드한다(개인 로컬 오버라이드 용도). 우선순위는.env.[mode]>.env.local>.env이므로, 각 env 파일에 동일한 키 집합을 유지하면 mode 파일 값이 항상 이긴다. 특정 mode 에만 있어야 할 키를.env.local에 두면 다른 mode 로 새어 들어갈 수 있으니 주의.
실행 / 빌드
--mode <name> 으로 .env.[name] 파일이 선택된다(로컬은 모드 없이 .env.local 자동 로드).
npm run dev # 로컬 개발 서버 (mode: development → .env.local 자동 로드)
npm run dev:dev # 개발 서버를 dev 환경 변수로 실행 (mode: dev → .env.dev)
npm run build # 운영 빌드 (mode: prod → .env.prod), build:prod 와 동일
npm run build:dev # 개발 빌드 (mode: dev → .env.dev)
npm run build:prod # 운영 빌드 (mode: prod → .env.prod)
npm run preview # 직전 빌드 결과 로컬 미리보기
npm run lint # ESLint