<![CDATA[
<p><span style="color: #333333;" data-ke-size="size18"># 기술 스택</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">## 프론트엔드</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">- **Next.js 15**: App Router, Server Components</span></p><p><span style="color: #333333;" data-ke-size="size18">- **TypeScript**: 정적 타입 검사</span></p><p><span style="color: #333333;" data-ke-size="size18">- **Tailwind CSS**: 유틸리티 기반 스타일링</span></p><p><span style="color: #333333;" data-ke-size="size18">- **@dnd-kit**: 드래그 앤 드롭 구현</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">## 상태관리</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">- **Zustand**: 전역 상태 관리 (카드, 보드 데이터)</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">## 백엔드/데이터베이스</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">- **PostgreSQL 18**: 로컬 설치 (Supabase 미사용)</span></p><p><span style="color: #333333;" data-ke-size="size18">- **pg (node-postgres)**: DB 드라이버, 파라미터 바인딩 SQL 직접 작성</span></p><p><span style="color: #333333;" data-ke-size="size18">- **jose**: JWT 서명/검증 (Edge 미들웨어 호환)</span></p><p><span style="color: #333333;" data-ke-size="size18">- **bcryptjs**: 비밀번호 해싱</span></p><p><span style="color: #333333;" data-ke-size="size18">- **server-only**: 서버 전용 모듈의 클라이언트 번들 유입 차단</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">## 검증</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">- **Zod**: 런타임 스키마 검증</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">## 테스트</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">- **Vitest**: 단위 테스트 프레임워크</span></p><p><span style="color: #333333;" data-ke-size="size18">- **@testing-library/react**: 컴포넌트 테스트</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">## 개발 도구</span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">- **ESLint**: 코드 품질 검사</span></p><p><span style="color: #333333;" data-ke-size="size18">- **Prettier**: 코드 포맷팅</span></p><p><span style="color: #333333;" data-ke-size="size18">- **Husky + lint-staged**: Git 훅으로 자동 검사</span></p><p> </p>
<!-- -->
]]>
카페 게시글
하네스 엔지니어링
rules - 기술 스택
주인장
추천 0
조회 5
26.10.18 17:50
댓글 0
다음검색
