hskwon
ce3ebf8c5d
- Tailwind CSS v4로 마이그레이션 - postcss.config.js, tailwind.config.js 제거 - @import "tailwindcss" 사용 - TypeScript 빌드 에러 수정 - MenuCustomization.tsx: optional chaining 추가 (line 1028) - QualityManagement.tsx: 중복 속성 제거 (line 1535) - ShippingManagement.tsx: union type 타입 가드 추가 - tsconfig.app.json: noUnusedLocals/noUnusedParameters 비활성화 - UI 컴포넌트 추가 - 비즈니스 컴포넌트: ProductionManagement, QualityManagement, MaterialManagement 등 - 레이아웃 컴포넌트: MainLayout, Sidebar, Header - 상태 관리: Zustand 스토어 설정 - 라우팅 수정 - Dashboard에서 랜딩페이지로 이동 기능 수정 - 비즈니스 컴포넌트 라우팅 추가 - 프로덕션 빌드 검증 완료
SAM React Frontend
React 기반 SAM 프론트엔드 애플리케이션입니다.
기술 스택
- Build Tool: Vite 7.x
- Framework: React 19.x
- Language: TypeScript 5.x
- Styling: Tailwind CSS 4.x
- State Management:
- Zustand (전역 상태)
- React Query / TanStack Query v5 (서버 상태)
- Routing: React Router v7
- Form: React Hook Form + Zod
- HTTP Client: Axios
- UI Components: shadcn/ui (Radix UI 기반)
- Icons: Lucide React
- Date: date-fns
- Table: TanStack Table
개발 환경 설정
환경변수 설정
.env.local 파일을 생성하고 다음 내용을 설정하세요:
VITE_API_BASE_URL=http://api.sam.kr
VITE_API_KEY=your-api-key-here
의존성 설치
npm install
개발 서버 실행
npm run dev
개발 서버는 http://localhost:5173에서 실행됩니다.
API 연동
SAM API는 2단계 인증을 사용합니다:
- API Key:
X-API-Key헤더 (모든 요청) - Bearer Token:
Authorization: Bearer {token}헤더 (로그인 후)
자세한 내용은 프로젝트 문서를 참고하세요.