라이브러리 선택은 번들, 서버 경계, 데이터 일관성, 운영 비용에 영향을 준다
라이브러리는 코드 편의성만 바꾸지 않는다. 렌더 위치, 캐시 정책, 타입 검증, 장애 대응 방식까지 바꾼다.
| 영향 영역 | 관련 라이브러리 | 좋은 선택의 효과 | 잘못 고르면 생기는 일 |
|---|---|---|---|
| 초기 로딩 | UI kit, icon, date library | 필요한 코드만 client bundle에 포함 | 모든 페이지 JS 증가 |
| 서버 경계 | Auth, ORM, logger | 서버 전용 로직이 client로 새지 않음 | secret 노출, hydration 오류 |
| 데이터 일관성 | TanStack Query, SWR, Zod | 캐시와 검증 기준이 명확함 | 오래된 데이터와 입력 오류 증가 |
| 개발 속도 | React Hook Form, shadcn/ui | 반복 UI와 폼 처리 비용 감소 | 프로젝트 규칙과 맞지 않는 추상화 증가 |
| 운영 대응 | Sentry, logger, APM | 오류 영향도와 원인 추적 가능 | 장애 후 재현 단서 부족 |