Skip to content

Feature#12 Storybook 초기 설정 #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
toothlessdev merged 28 commits into from
Dec 11, 2025
Merged

Feature#12 Storybook 초기 설정 #17

toothlessdev merged 28 commits into from
Dec 11, 2025

Conversation

@toothlessdev
Copy link
Contributor

@toothlessdev toothlessdev commented Dec 11, 2025

1️⃣ PR 타입 (PR Type)

  • ✨ feat: 새로운 기능 추가
  • chore: 빌드 스크립트 수정, 패키지 매니저 설정 변경 등

2️⃣ 변경 사항 (Changes)

  • Storybook 초기 설정
  • Chromatic CI 파이프라인 추가

3️⃣ 관련 이슈 (Related Issues)

4️⃣ 코드 설명 (Description)

  • Storybook 10 버전 사용시 Yarn PnP가 deprecated 되어 ^9.1 버전으로 적용하였습니다
  • Storybook 과 Vanila Extract 가 적용되지 않는 현상을 async viteFinal(config) 를 사용하여 플러그인을 추가하였습니다 (참고자료)

✅ 체크리스트 (Checklist)

  • base branch를 확인했나요?
  • self-review를 진행했나요?
  • 관련 이슈를 연결했나요?
  • 커밋 컨벤션을 준수했나요?
  • PR 제목 컨벤션을 준수했나요?

@toothlessdev toothlessdev self-assigned this Dec 11, 2025
@toothlessdev
Merge remote-tracking branch 'origin/develop' into feature#12
4a7967c
@toothlessdev
feat(ci): 반복되는 step action 으로 분리
3e9b739
@toothlessdev
fix(ci): checkout 이후 setup 스크립트 실행되도록 수정
512219d
@toothlessdev
fix(global): .storybook 디렉토리를 tsc 에 포함되도록 변경
272235e
@toothlessdev
chore(package): storybook addon 버전을 ^9 에 맞게 다운그레이드
dbc4b75
@toothlessdev
fix(package): storybook ^9 에 맞게 vite 버전 5.4.11 로 다운그레이드
ee141c6
@toothlessdev
fix(package): vite-tsconfig-paths 추가
0ea0845
@toothlessdev
fix(package): globrex 의존성 추가
455de81
@toothlessdev
fix(package): vite 버전을 ^7로 업데이트
4a785fa
@toothlessdev
fix(package): vite 버전을 ^7.0.0으로 업데이트
23c5dbd
@toothlessdev
fix(package): vite, storybook 을 yarn pnp 에서 제거
fd08bc3
@toothlessdev
fix(package): vite, storybook 을 yarn pnp 에서 제거
60ae64c
@toothlessdev
fix(package): rollup 의존성 추가
9f59258
@toothlessdev
fix(package): rollup 의존성 unplugged 설정 추가
3cd4166
@toothlessdev
fix(package): storybook nextjs vite 유령의존성 강제주입
21136bb
@toothlessdev
fix(package): yarn berry pnpMode loose 로 의존성 호이스팅
6b38cb9
@toothlessdev
fix(package): .yarnrc.yml에서 packageExtensions 제거 및 package.json에 depe…
0061279 
…ndenciesMeta 추가
@toothlessdev
fix(package): dependenciesMeta에서 storybook과 vite의 unplugged 설정 추가
d330c43
@toothlessdev
fix(package): rollup 의존성 unplugged 설정 추가
fc74f9e
@toothlessdev
fix(package): .yarnrc.yml에 packageExtensions 추가
d3fdcbb
@toothlessdev
fix(package): rollup 및 vite의 버전 범위를 수정하여 호환성 향상
6860eb8
@toothlessdev
fix(package): vite 버전을 7.0.0에서 6.0.0으로 다운그레이드
9e2e83c
@toothlessdev
fix(package): vite-tsconfig-paths의 unplugged 설정 추가
286f441
@toothlessdev
fix(package): globrex의 unplugged 설정 추가
4b37a01
@toothlessdev
fix(ci): 주석 처리된 Storybook 배포 단계 제거
906e087
@eunwoo-levi eunwoo-levi requested a review from kimgho December 11, 2025 19:04
@eunwoo-levi eunwoo-levi self-requested a review December 11, 2025 19:04
eunwoo-levi
eunwoo-levi approved these changes Dec 11, 2025
View reviewed changes
Copy link
Contributor

@eunwoo-levi eunwoo-levi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Storybook 설정 좋습니다!

@toothlessdev toothlessdev changed the title Feature#12 Storybook 초기 설정 및 Chromatic CI 파이프라인 추가 Feature#12 Storybook 초기 설정 Dec 11, 2025
@toothlessdev toothlessdev merged commit 39838db into develop Dec 11, 2025
2 checks passed
@toothlessdev toothlessdev deleted the feature#12 branch December 11, 2025 19:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@eunwoo-levi eunwoo-levi eunwoo-levi approved these changes

@kimgho kimgho Awaiting requested review from kimgho

Assignees

@toothlessdev toothlessdev

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[📌 Feature] Storybook 설정 및 chromatic CI 파이프라인 구성

3 participants

@toothlessdev @eunwoo-levi