| TypeScript |
Props 타입 지정 및 IDE 자동완성 기능을 활용하여 개발 시 타입 안전성 강화 및 오류 예방 |
| Next.js 15.2.1 / App Router / React 19.0.0 |
React 서버 컴포넌트, SSR, SSG, ISR 등 다양한 렌더링 방식을 간편하게 사용하기 위한 프레임워크 |
| Tailwind CSS v4 |
유틸리티 클래스 사용으로 클래스 네이밍 고민을 줄이고, 일관된 스타일을 쉽게 적용하기 위해 사용 |
| react-hook-form |
Client 측에서 폼 검증(validate)을 간단하게 구현하기 위해 사용 |
| zod |
런타임에서도 타입 검사를 수행하여, 컴파일 단계뿐 아니라 실행 시점에서도 안전성을 확보하기 위해 사용 |
| @tanstack/react-query |
API 요청 결과 캐싱, 서버 상태 동기화 등 복잡한 데이터 페칭 로직을 간소화하기 위해 사용 |
| zustand |
전역 상태 관리를 간단하고 가볍게 처리하기 위해 사용 |
| motion (framer-motion 계열) |
UI 애니메이션을 쉽게 구현하고 사용자 경험(UX)을 풍부하게 하기 위해 사용 |
| axios |
HTTP 요청을 직관적으로 처리하고, 코드 가독성을 높이기 위해 사용 |
| vercel |
복잡한 서버 설정 없이도 CI/CD 파이프라인을 구축하여 자동 배포를 간편하게 하기 위해 사용 |
| jest |
단위 테스트(Unit Test) 및 통합 테스트를 손쉽게 구성하기 위한 JavaScript/TypeScript 테스트 프레임워크 |
| storybook |
컴포넌트를 독립적으로 개발·테스트하고, UI 문서를 자동으로 생성하기 위해 사용 |
| playwright |
E2E(End-to-End) 테스트를 안정적이고 빠르게 수행하기 위한 브라우저 자동화 도구 |