testing 썸네일형 리스트형 React에서 JSON Schema 기반 폼 생성하기 JSON Schema를 사용하면 폼 구조, 유효성 규칙, 표시 방식까지 데이터를 중심으로 선언적으로 정의할 수 있습니다. React에서는 라이브러리를 통해 스키마만으로 폼을 자동 생성하고 유지보수를 단순화할 수 있습니다. 실무에서 빠르게 적용하는 방법과 커스터마이즈 포인트를 정리합니다.1. 라이브러리 선택대표 옵션은 RJSF(@rjsf/core), JSON Forms, Uniforms입니다. RJSF는 문서와 생태계가 안정적이며 Ajv 기반 검증을 쉽게 붙일 수 있어 범용적으로 추천합니다. JSON Forms는 복잡한 엔터프라이즈 폼에 강하고, Uniforms는 스키마-UI 어댑터가 다양해 커스터마이징에 유연합니다.2. RJSF 빠른 시작// 설치// npm i @rjsf/core @rjsf/valida.. 더보기 React 컴포넌트를 Storybook에서 문서화하고 테스트하기 Storybook은 컴포넌트를 고립된 환경에서 개발하고, 문서화하고, 상호작용 테스트까지 수행할 수 있는 표준 도구입니다. 실무에서는 UI 변경 리스크를 줄이고, 디자이너와 개발자 간 커뮤니케이션을 개선하며, 회귀를 자동으로 잡아내기 위해 Storybook을 적극적으로 활용합니다.1. 설치와 기본 설정프로젝트 루트에서 Storybook을 설치합니다. Vite 기반 React라면 아래처럼 초기화합니다.npx storybook@latest init --builder vite필수 스크립트를 확인/추가합니다.// package.json (일부){ "scripts": { "storybook": "storybook dev -p 6006", "build-storybook": "storybook build.. 더보기 이전 1 다음