[♻️ Refactor/#61] Storybook 배경 설정 정리

[Lseojeong]

#️⃣연관된 이슈

• close [♻️ Refactor] Storybook 기본 Background 설정 개선 #61

체크 사항

• UI 동작 및 레이아웃 확인
• 불필요한 console 제거
• 기능 정상 동작
• 팀 컨벤션에 맞게 구현했는지
• 관련 문서 또는 주석을 갱신했는지

📝작업 내용

Storybook 전역 배경 설정 정리

• Storybook preview의 기본 배경을 dark로 지정했습니다.

Story별 중복 배경 제거

• 개별 story의 parameters.backgrounds.default 중복 설정을 제거했습니다.
• 전역 배경이 적용되도록 story wrapper의 bg-black 클래스를 제거했습니다.

스크린샷 (선택)

• 없음

추가한 라이브러리 (선택)

• 없음

💬리뷰 요구사항(선택)

Summary by CodeRabbit

• 기능 개선
  • Storybook 미리보기와 여러 컴포넌트 스토리에서 기본 배경이 검정색으로 강제되던 설정을 정리했습니다.
  • 일부 스토리의 배경 설정을 더 자연스러운 기본값으로 바꾸고, 불필요한 배경 강제를 제거했습니다.
  • 로고, 헤더, 버튼, 툴팁, 모달, 표면, 제목 스토리의 표시 방식이 배경에 덜 의존하도록 조정되었습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
rewrite	Ready	Preview, Comment	Jul 1, 2026 2:45pm

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 197f008d-701c-47d4-9bbd-d9aaaab0d812

📥 Commits

Reviewing files that changed from the base of the PR and between 6efa3b9 and 01da4a8.

📒 Files selected for processing (10)

• .storybook/preview.tsx
• src/entities/review-version/ui/ai-review-requirement-modal/AIReviewRequirementModal.stories.tsx
• src/shared/ui/button/Button.stories.tsx
• src/shared/ui/confirm-modal/ConfirmModal.stories.tsx
• src/shared/ui/logo/SymbolLogo.stories.tsx
• src/shared/ui/logo/TextLogo.stories.tsx
• src/shared/ui/page-header/PageHeader.stories.tsx
• src/shared/ui/surface/Surface.stories.tsx
• src/shared/ui/title/Title.stories.tsx
• src/shared/ui/tooltip/Tooltip.stories.tsx

💤 Files with no reviewable changes (4)

• src/entities/review-version/ui/ai-review-requirement-modal/AIReviewRequirementModal.stories.tsx
• src/shared/ui/button/Button.stories.tsx
• src/shared/ui/surface/Surface.stories.tsx
• src/shared/ui/confirm-modal/ConfirmModal.stories.tsx

---

Walkthrough

Storybook의 전역 기본 배경 설정을 black에서 dark로 변경하고, 여러 컴포넌트 스토리 파일에서 개별적으로 지정하던 bg-black 클래스 및 parameters.backgrounds.default 설정을 제거하여 전역 배경 설정에 의존하도록 통일함.

Changes

Storybook 배경 기본값 개선

Layer / File(s)	Summary
전역 preview 배경 기본값 변경 .storybook/preview.tsx	backgrounds 옵션의 기본값과 initialGlobals의 값이 black에서 dark로 변경됨.
스토리 meta의 backgrounds.default 설정 제거 src/entities/review-version/ui/ai-review-requirement-modal/AIReviewRequirementModal.stories.tsx, src/shared/ui/button/Button.stories.tsx, src/shared/ui/confirm-modal/ConfirmModal.stories.tsx, src/shared/ui/surface/Surface.stories.tsx, src/shared/ui/tooltip/Tooltip.stories.tsx	각 컴포넌트 meta 객체에서 parameters.backgrounds.default(black/dark) 설정 블록이 삭제됨.
스토리 래퍼 요소의 bg-black 클래스 제거 src/shared/ui/logo/SymbolLogo.stories.tsx, src/shared/ui/logo/TextLogo.stories.tsx, src/shared/ui/page-header/PageHeader.stories.tsx, src/shared/ui/title/Title.stories.tsx, src/shared/ui/tooltip/Tooltip.stories.tsx	데코레이터 및 스토리 내부 요소의 className에서 bg-black이 제거됨.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• Rewrite-Team/Rewrite-FE#28: SymbolLogo/TextLogo 스토리 및 preview.tsx 배경 설정을 함께 다룸.
• Rewrite-Team/Rewrite-FE#40: Button.stories.tsx의 backgrounds 설정을 동일하게 수정함.
• Rewrite-Team/Rewrite-FE#52: ConfirmModal.stories.tsx의 backgrounds.default 설정을 도입한 PR로 동일 코드를 변경함.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목이 Storybook 배경 설정 정리라는 주요 변경점을 간결하게 잘 반영합니다.
Linked Issues check	✅ Passed	[#61]의 목표인 기본 배경을 Dark로 바꾸고 중복된 bg-black 설정을 제거하는 변경이 모두 반영되었습니다.
Out of Scope Changes check	✅ Passed	제공된 요약상 변경은 Storybook 배경 설정 정리에 한정되어 있어 뚜렷한 범위 이탈이 보이지 않습니다.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch refactor/#61

---

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

🧪 테스트 결과

항목	결과
✅ Jest 테스트	success

[github-actions]

🚦 CI 검증 결과

항목	결과
🧠 TypeScript 타입 체크	success
🧹 ESLint 검사	success
🎨 Prettier 검사	success
🏗️ Build 검증	success