| 프레임워크 |
Next.js(16) |
React 기반의 풀스택 프레임워크, SSR, API Routes, App Router 지원 등 |
| 언어 |
TypeScript |
자바스크립트에 타입을 추가한 정적 타입 언어 |
| 스타일링 도구 |
Tailwind CSS |
유틸리티-퍼스트 CSS 프레임워크 |
|
clsx |
조건부 클래스명을 효율적으로 다루는 유틸 함수 |
|
CVA (Class Variance Authority) |
컴포넌트 스타일 변형(variants)을 체계적으로 관리할 수 있는 유틸리티 |
| 상태 관리 |
Zustand |
가볍고 직관적인 React 상태 관리 라이브러리 |
| 데이터 패칭/캐싱 |
React Query (TanStack Query) |
서버 상태 관리 및 API 응답 캐싱, 요청 상태(로딩/에러) 관리에 특화된 라이브러리 |
| API 통신 |
fetch |
브라우저 내장 HTTP 클라이언트 |
| API 모킹/테스트 |
MSW (Mock Service Worker) |
Service Worker 기반 API 모킹 라이브러리. 네트워크 레벨에서 요청을 가로채 개발/테스트 환경에서 실제 API 없이도 작업 가능 |
| 폼 관리/검증 |
Tanstack Form |
선언적이고 성능 최적화된 폼 상태 관리 라이브러리 |
|
Zod |
타입 안전한 스키마 선언 및 유효성 검증 라이브러리 |
| 애니메이션 |
Framer-motion |
React 생태계에서 가장 많이 쓰이는 애니메이션 라이브러리. 모션, 전환 효과, 드래그/제스처 기반 인터랙션 구현에 강력함 |
| 코드 품질 관리 |
Husky + lint-staged |
커밋 전에 린트, 포맷 등을 실행하기 위한 Git hook 자동화 도구 세트 |
| 아이콘/이미지 처리 |
SVGR / webpack |
SVG 파일을 React 컴포넌트로 변환하여 import 가능하게 해주는 도구 |
| 배포 환경 |
AWS EC2 |
애플리케이션 서버 배포 환경으로 사용. GitHub Actions와 CI/CD 파이프라인 연동, Nginx/PM2 등을 통한 서비스 운영 |
| 테스트 |
Jest |
Javascript 테스트 프레임워크 |
|
Swiper |
|