내용
내용
내용
| 구분 | 추천 스택 | 역할 | 선택 이유 및 장점 |
|---|---|---|---|
| Language | TypeScript | 코드 문법과 타입 검사 | 코드 관리에 최적화 되어있다. |
| Framework | Express | 서버 통로(api)구축 | NestJS보단 직관적이고, Prisma와 잘 맞는다. 또한 방대한 데이터를 처리하기 쉽다. |
| Database | Supabase | 데이터 저장 및 관리 | PostgreSQL 엔진을 사용하여 서버 구축 시간을 단축 시켜준다. 배포와 관리하기 편하다. |
| ORM | Prisma | 코드와 DB간 통역 | DB 구조를 읽어와 자동으로 타입을 생성하여 에러를 방지할 수 있다. |
| API Docs | Swagger | REST API 자동 문서화 및 테스트 환경 | |
| Code Quality | ESLint, Prettier | 코드 규칙 검사 및 자동 포맷팅 | 코드 스타일을 통일하고 협업 시 코드 품질을 유지하기 위해 사용 |
| 구분 | 추천 스택 | 역할 | 선택 이유 및 장점 |
|---|---|---|---|
| Language | TypeScript | 정적 타입 기반 개발 환경 제공 | 컴파일 단계에서 오류를 발견하여 안정성을 높이고 유지보수성을 향상시키기 위해 사용 |
| Framework | React | 컴포넌트 기반 UI 개발 | 컴포넌트 단위로 UI를 구성하여 재사용성과 유지보수성을 높일 수 있기 때문에 선택 |
| Styling | TailwindCSS | 유틸리티 기반 CSS 스타일링 | 빠른 UI 개발이 가능하며 클래스 기반 스타일링으로 디자인 일관성을 유지하기 용이 |
| State Mgmt | Zustand | 전역 상태 관리 | Redux 대비 설정이 간단하고 가벼워 소규모 프로젝트에서 효율적인 상태 관리가 가능 |
| Build | Vite | 개발 서버 및 번들링 | 빠른 개발 서버와 간단한 설정으로 개발 생산성을 높이기 위해 사용 |
| Routing | React Router | SPA 환경에서 페이지 라우팅 관리 | React 기반 애플리케이션에서 표준적으로 사용되는 라우팅 라이브러리 |
| Code Quality | ESLint, Prettier | 코드 규칙 검사 및 자동 포맷팅 | 코드 스타일을 통일하고 협업 시 코드 품질을 유지하기 위해 사용 |
| Collaborate | Figma | UIUXUI/UX 설계 및 디자인 협업 | 디자인 시안 공유 및 개발 협업을 위해 사용 |
| Deploy | Vercel |
타겟층에 대한 설명