Skip to content

chore: Storybook 10 업그레이드 및 Docs 스크롤 수정 - #64

Merged
sabit1997 merged 2 commits into
developfrom
chore/storybook-upgrade
Oct 6, 2026
Merged

sabit1997 merged 2 commits into
developfrom
chore/storybook-upgrade

Conversation

@sabit1997

Copy link
Copy Markdown
Collaborator

요약

  • Storybook 8.6 → 10.6 업그레이드. addon-essentials·addon-interactions 를 걷어내고 addon-docs 로 교체, autodocs 설정은 기본값으로 이관.
  • 자동 마이그레이션이 eslint.config.mjs 에 import 만 넣고 빠뜨린 eslint-plugin-storybook 추천 설정을 실제로 적용 (lint 깨짐 해결).
  • Storybook Docs 페이지가 스크롤되지 않고 뷰포트 아래가 잘리던 문제 수정. main.css 의 body { overflow: hidden } 이 미리보기 iframe 까지 잠그고 있었음. .storybook/preview.css 에서 Storybook 이 body 에 붙이는 sb-show-main 클래스로 범위를 좁혀 Storybook 안에서만 풀어 줌. 앱 CSS 는 건드리지 않음.

검수

  • lint · typecheck · test(46) · build · tokens:check 전부 통과
  • build-storybook 통과, 산출 CSS 에 body.sb-show-main 오버라이드 포함 확인
  • tokens:check 가 다시 만든 docs/registry.md·docs/tokens/contrast-matrix.md 는 커밋본과 동일

확인 방법

yarn storybook 띄우고 아무 컴포넌트의 Docs 탭에서 아래로 스크롤.

🤖 Generated with Claude Code

sabit1997 and others added 2 commits October 1, 2026 10:39
addon-essentials·addon-interactions 를 걷어내고 addon-docs 로 교체, autodocs 설정은 기본값으로 이관.
자동 마이그레이션이 import 만 넣고 빠뜨린 eslint-plugin-storybook 추천 설정을 실제로 적용.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
main.css 의 body { overflow: hidden } 이 미리보기 iframe 까지 잠가 뷰포트 아래가 잘렸다.
Storybook 이 body 에 붙이는 sb-show-main 클래스로 범위를 좁혀 Storybook 안에서만 스크롤을 푼다.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@sabit1997
sabit1997 merged commit 8ff90c2 into develop Oct 6, 2026
3 checks passed
@sabit1997
sabit1997 deleted the chore/storybook-upgrade branch October 6, 2026 03:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant