⚙️ [Setting] 스토리북(Storybook) 도입 및 세팅 #33
Description
🛠️ Issue Description
- UI 컴포넌트의 독립적인 개발 환경 구축과 시각적 테스트를 위해 스토리북을 도입
- Tailwind CSS v4 및 React Router 등 현재 프로젝트 기술 스택과 호환되도록 설정
💭 Setting Environment
- Storybook: UI 컴포넌트 개발 및 문서화 도구 설치 (npx storybook@latest init)
- Tailwind CSS v4 연동: 스토리북 Preview 설정에 프로젝트 전역 스타일(index.css) 주입
- React Router 연동: 라우팅 의존성이 있는 컴포넌트 테스트를 위해 MemoryRouter 데코레이터 설정
📝 check-lists
스토리북 초기화 및 설치 (storybook@latest)
.storybook/preview.ts에 Tailwind CSS 스타일(index.css) import
react-router-dom 사용 컴포넌트를 위한 MemoryRouter 데코레이터 추가
공통 컴포넌트(Button 등) 샘플 스토리 작성 및 실행 테스트