스토리북 설명서 추가합니다. by Jieunsse · Pull Request #52 · codeit-part4-final/workers

Jieunsse · 2026-02-11T16:05:20Z

Summary

이 PR에서 변경한 내용 한 줄 요약

Issue

Closes #

Scope

포함
- 변경한 내용
특이사항

gemini-code-assist · 2026-02-11T16:05:49Z

Summary of Changes

Hello @Jieunsse, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 PR은 주로 다양한 UI 컴포넌트, 특히 모달에 대한 스토리북 문서 개선에 중점을 둡니다. 여러 모달 유형에 대한 포괄적인 문서를 도입하여 사용법, 속성 및 일반적인 패턴을 자세히 설명합니다. 또한 CheckBox 및 Dropdown 컴포넌트의 스토리북 항목을 개선하여 더 자세한 설명과 사용 예시를 추가했습니다. 사소한 CSS 임포트 경로 수정 및 TeamStatusBar를 위한 새로운 CSS 모듈도 포함되어 있습니다.

Highlights

스토리북 문서 추가: 다양한 모달 컴포넌트(Modal, AddTodoList, CalenderModal, ChangePassword, LogoutModal, MemberInvite, ProfileModal, ResetPassword, WarningModal)에 대한 새로운 스토리북 문서가 추가되었습니다.
기존 컴포넌트 문서 개선: CheckBox 및 Dropdown 컴포넌트의 스토리북 문서가 업데이트되어 더 상세한 설명, 속성 테이블, 새로운 사용 예시가 포함되었습니다.
CSS 파일 변경: MemberInvite 및 Modal 컴포넌트의 CSS 임포트 경로가 수정되었고, TeamStatusBar 컴포넌트를 위한 새로운 CSS 모듈 파일이 추가되었습니다.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog

src/components/Modal/Modal.stories.tsx
- Modal 컴포넌트에 대한 새로운 스토리북 문서가 추가되었으며, 사용 예시, 속성 설명 및 일반적인 패턴이 포함되었습니다.
src/components/Modal/domain/components/AddTodoList/AddTodoList.stories.tsx
- AddTodoList 모달에 대한 새로운 스토리북 문서가 추가되었으며, 목적, 사용법 및 속성을 자세히 설명합니다.
src/components/Modal/domain/components/Calender/CalenderModal.stories.tsx
- CalenderModal에 대한 새로운 스토리북 문서가 추가되었으며, 사용 사례, 속성 및 초기값을 사용한 예시를 설명합니다.
src/components/Modal/domain/components/ChangePassword/ChangePassword.stories.tsx
- ChangePassword 모달에 대한 새로운 스토리북 문서가 추가되었으며, 목적, 속성 및 닫을 수 없는 상태를 포함한 예시를 다룹니다.
src/components/Modal/domain/components/LogoutModal/LogoutModal.stories.tsx
- LogoutModal에 대한 새로운 스토리북 문서가 추가되었으며, 사용법, 속성 및 기본 확인 흐름을 설명합니다.
src/components/Modal/domain/components/MemberInvite/MemberInvite.module.css
- color.css의 임포트 경로가 업데이트되었습니다.
src/components/Modal/domain/components/MemberInvite/MemberInvite.stories.tsx
- MemberInvite 모달에 대한 새로운 스토리북 문서가 추가되었으며, 기능, 속성 및 링크 복사 예시를 설명합니다.
src/components/Modal/domain/components/ProfileModal/ProfileModal.stories.tsx
- ProfileModal에 대한 새로운 스토리북 문서가 추가되었으며, 사용자 프로필 정보 표시 및 이메일 복사 기능을 자세히 설명합니다.
src/components/Modal/domain/components/ResetPassword/ResetPassword.stories.tsx
- ResetPassword 모달에 대한 새로운 스토리북 문서가 추가되었으며, 비밀번호 재설정 링크 전송을 위한 사용법과 속성을 설명합니다.
src/components/Modal/domain/components/WarningModal/WarningModal.stories.tsx
- WarningModal에 대한 새로운 스토리북 문서가 추가되었으며, 파괴적인 작업 및 엄격한 닫기 정책에 대한 사용법을 다룹니다.
src/components/Modal/style/Modal.module.css
- color.css의 임포트 경로가 업데이트되었습니다.
src/components/TeamStatusBar/style/TeamStatusBar.module.css
- TeamStatusBar 컴포넌트의 스타일링을 위한 새로운 CSS 모듈이 추가되었습니다.
src/components/checkbox/CheckBox.stories.tsx
- CheckBox의 스토리북 문서가 업데이트되었으며, 상세한 컴포넌트 설명, 속성 테이블, ReadOnly와 같은 새로운 스토리 추가, Default를 Playground로 이름 변경이 포함되었습니다.
src/components/dropdown/Dropdown.stories.tsx
- Dropdown의 스토리북 문서가 업데이트되었으며, 포괄적인 컴포넌트 설명, 속성 테이블, Controlled와 같은 새로운 스토리 추가, 기본 항목 수정이 포함되었습니다.
src/components/toast/Toast.stories.tsx
- Toast 컴포넌트에 대한 새로운 스토리북 문서가 추가되었으며, 사용 예시, 속성 설명 및 다양한 상태를 보여주는 스토리가 포함되었습니다.

Activity

Jieunsse가 이 PR을 생성했습니다.
이 PR은 여러 모달 컴포넌트에 대한 새로운 스토리북 문서를 도입하고, CheckBox 및 Dropdown 컴포넌트의 기존 문서를 업데이트합니다.
또한 사소한 CSS 경로 조정 및 새로운 CSS 파일이 포함되어 있습니다.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	`/gemini review`	Performs a code review for the current pull request in its current state.
Pull Request Summary	`/gemini summary`	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	`/gemini help`	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

gemini-code-assist

Code Review

이 PR은 다양한 컴포넌트에 대한 Storybook 문서를 추가하고 기존 문서를 개선하는 데 중점을 두고 있습니다. 전반적으로 문서의 상세함과 일관성이 크게 향상되어 컴포넌트의 사용법을 이해하고 테스트하는 데 큰 도움이 될 것입니다. 특히 autodocs 태그를 활용하고, 각 prop에 대한 상세한 설명과 사용 예시, 동작 메모를 추가한 점이 인상적입니다. 몇몇 스토리 파일에서 버튼 스타일이 중복되는 부분이 있는데, 이를 공통 유틸리티로 추출하면 코드 유지보수성이 더욱 향상될 것입니다. 좋은 변경사항입니다!

gemini-code-assist · 2026-02-11T16:06:57Z

+const triggerButtonStyle = {
+  border: '1px solid #d1d5db',
+  borderRadius: '10px',
+  background: '#ffffff',
+  color: '#111827',
+  padding: '10px 14px',
+  fontSize: '14px',
+  fontWeight: 600,
+  cursor: 'pointer',
+};


여러 스토리 파일에 걸쳐 triggerButtonStyle이 중복으로 정의되어 있습니다. 이는 코드 중복으로 유지보수를 어렵게 만들 수 있습니다.

이 스타일 객체를 Storybook 설정 내의 공통 유틸리티 파일로 추출하여 여러 스토리에서 재사용하는 것을 고려해 보세요. 예를 들어, storybook/styles.ts와 같은 파일을 만들어 상수로 내보내고 각 스토리 파일에서 가져와 사용할 수 있습니다.

이 문제는 다음 파일들에도 동일하게 적용됩니다:

AddTodoList.stories.tsx

CalenderModal.stories.tsx

ChangePassword.stories.tsx

LogoutModal.stories.tsx

MemberInvite.stories.tsx

ProfileModal.stories.tsx

ResetPassword.stories.tsx

WarningModal.stories.tsx

toast/Toast.stories.tsx

feat: 스토리북 설명서 추가

f8ea166

Jieunsse added this to the 컴포넌트 milestone Feb 11, 2026

Jieunsse self-assigned this Feb 11, 2026

Jieunsse added the 기능추가 기능개발 및 추가할 때 사용해주세요. label Feb 11, 2026

Jieunsse added this to workers Feb 11, 2026

github-project-automation Bot moved this to 개발 대기중 in workers Feb 11, 2026

Jieunsse moved this from 개발 대기중 to PR 리뷰중 in workers Feb 11, 2026

gemini-code-assist Bot reviewed Feb 11, 2026

View reviewed changes

jungwon123 approved these changes Feb 12, 2026

View reviewed changes

Jieunsse merged commit 0ff3035 into main Feb 13, 2026
1 check passed

github-project-automation Bot moved this from PR 리뷰중 to 개발 완료 in workers Feb 13, 2026

Jieunsse deleted the feature/story-manual branch February 20, 2026 09:43

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

스토리북 설명서 추가합니다.#52

스토리북 설명서 추가합니다.#52
Jieunsse merged 1 commit into
mainfrom
feature/story-manual

Jieunsse commented Feb 11, 2026

Uh oh!

gemini-code-assist Bot commented Feb 11, 2026

Uh oh!

gemini-code-assist Bot left a comment

Uh oh!

gemini-code-assist Bot Feb 11, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

Jieunsse commented Feb 11, 2026

Summary

Issue

Scope

Uh oh!

gemini-code-assist Bot commented Feb 11, 2026

Summary of Changes

Highlights

Footnotes

Uh oh!

gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

gemini-code-assist Bot Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants