Add Storybook setup and refine component styles#33
Merged
Seungwoo321 merged 5 commits intomainfrom Mar 17, 2026
Merged
Conversation
Storybook 설정을 추가하고 모든 컴포넌트 타입에 대한 스토리를 구현했습니다. 버튼, 컨테이너, 데이터, 디스플레이, 구분선, 피드백, 입력, 레이아웃, 내비게이션, 오버레이, 텍스트 컴포넌트의 시각적 문서화를 지원합니다.
컴포넌트별 스타일을 개선하고 렌더링 로직을 조정했습니다. 피드백 컴포넌트 렌더러를 수정하고 관련 스냅샷을 업데이트했습니다.
pnpm 버전을 10.11.0으로 고정하고 frozen-lockfile 옵션을 추가했습니다. main 브랜치 배포 시 [skip ci] 커밋을 제외하도록 조건을 개선했습니다.
CLAUDE.md 문서를 간소화하여 핵심 빌드 순서와 주의사항에 집중하도록 개선했습니다. 불필요한 상세 정보를 제거하고 실용적인 가이드로 재구성했습니다.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Changes
.storybook/main.ts,preview.ts추가 및 모든 컴포넌트 스토리 작성 (button, input, data, navigation, feedback, layout, display, overlay, text 등):where()사용),display,line-height,white-space속성 명시, progress bar 스타일 개선, accordion arrow 추가--frozen-lockfile플래그 추가,[skip ci]조건 추가CLAUDE.md간소화 (빌드 순서, 주의사항, 테스트 위주로 축약)Test Plan
pnpm build정상 동작 확인pnpm test스냅샷 테스트 통과 확인pnpm storybook실행하여 모든 컴포넌트 스토리 렌더링 확인