목차
1. 프로젝트 개요
| 항목 |
내용 |
| 프로젝트명 |
DoubltWorks |
| 유형 |
엔터프라이즈 ERP/HRM/CRM 통합 시스템 |
| 역할 |
FE 80%, BE 20% (단기간 서포트로 투입) |
| 기간 |
2025.05 ~ 2025.10 (1차개발) |
| 팀 구성 |
기획&디자인: 3명,BE: 1명, FE: 2명, Full-Stack: 1명 |
프로젝트 소개
DoubltWorks는 기업용 통합 업무 시스템으로, 전자결재, 근태관리, 인사관리, CRM, ERP 등의 기능을 하나의 플랫폼에서 제공합니다.
2. 기술 스택
Frontend Core
| 기술 |
버전 |
선택 이유 |
| React |
19.0.0 |
최신 기능(Suspense, Transition) 활용 |
| TypeScript |
5.7.2 |
대규모 코드베이스 타입 안정성 |
| Vite |
6.1.0 |
빠른 개발 서버 + HMR |
상태 관리
| 기술 |
용도 |
| React Quer |
서버 상태 관리 |
| Context API |
클라이언트 상태 관리 |
스타일링
| 기술 |
용도 |
| Tailwind CSS 4.0 |
유틸리티 기반 스타일링 |
| tailwind-merge |
동적 클래스 병합 |
폼 & 검증
| 기술 |
용도 |
| React Hook Form |
폼 상태 관리 |
| Zod |
스키마 기반 유효성 검증 |
기타 주요 라이브러리
| 기술 |
용도 |
| Axios |
HTTP 클라이언트 |
| React Router 7 |
라우팅 |
| recharts |
차트/데이터 시각화 |
| @xyflow/react |
조직도/플로우 차트 |
| react-quill-new |
리치 텍스트 에디터 |
| socket.io-client |
실시간 통신 |