라이브러리 선택 기준

라이브러리 실행 위치 기준

같은 문제처럼 보여도 서버 상태, 클라이언트 상태, 폼, 데이터베이스처럼 책임이 다르면 필요한 도구도 달라집니다.

auth

로그인과 세션

서버에서 세션을 읽고 보호 경로를 나눠야 하면 인증 전용 도구를 먼저 검토합니다.

Auth.js
server data

비동기 데이터

API 응답의 캐시, 재시도, 로딩 상태를 반복해서 다룬다면 서버 상태 도구가 맞습니다.

TanStack Query, SWR
client state

화면 내부 상태

필터, 모달, 장바구니처럼 브라우저에서만 바뀌는 값은 가벼운 전역 상태로 관리합니다.

Zustand, Jotai
form

입력과 검증

폼 상태와 스키마 검증을 함께 다룰 때는 클라이언트 검증과 서버 검증을 분리합니다.

React Hook Form, Zod
database

서버 데이터 모델

DB 스키마, 타입, 쿼리 안전성이 중요하면 서버 전용 ORM 또는 ODM을 선택합니다.

Prisma, Mongoose
ui

컴포넌트와 스타일

접근성과 일관된 화면 조립이 우선이면 UI 프리미티브와 스타일 체계를 함께 고릅니다.

Radix UI, Tailwind CSS
패키지 실행 위치

새 패키지를 넣기 전에는 실행 위치, 번들 영향, 타입 지원, 최근 릴리스 주기를 확인해 런타임 비용과 유지보수 리스크를 나눠 봅니다.