Skip to content
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

[Feature] Storybook 적용 #191

Open
1 of 2 tasks
Seo0H opened this issue Aug 4, 2023 · 0 comments
Open
1 of 2 tasks

[Feature] Storybook 적용 #191

Seo0H opened this issue Aug 4, 2023 · 0 comments
Assignees
@shinpanda @Seo0H
Labels
feature New feature or request
Milestone
Story Book

Comments

@Seo0H
Copy link
Member

Seo0H commented Aug 4, 2023

Overview

✨ Issue Type

  • 수정
  • 기능추가

🤔 AS-IS : Problem statement

현재 상태를 설명해주세요 (문제 상황 설명)

  • 현재 사용되고 있는 공통 컴포넌트의 양이 증가했어요. 따라서 이를 효율적으로 사용하기 위해 스토리북으로 정리하는 작업이 필요해요.

🛠️ TO-BE: Proposed work

  • component/common 안에 있는 컴포넌트들을 스토리북으로 문서화 할 예정이에요.
@Seo0H Seo0H added the feature New feature or request label Aug 4, 2023
@Seo0H Seo0H added this to the 💬 Backlog milestone Aug 4, 2023
Seo0H added a commit that referenced this issue Aug 4, 2023
@Seo0H
[#191] chore: storybook 환경 설정
c4451d5 
- storybook 설치
- storybook-styled-components 관련 addon 설치
- main : import alias, Global titlePrefix 적용
- preview : autodocs 사용 시 표시 될 문서 블록 구성, 전역 layout 설정
- storybook lint extension 추가
Seo0H added a commit that referenced this issue Aug 4, 2023
@Seo0H
[#191] feature: Tooltip stories 추가
645fd50
@Seo0H Seo0H modified the milestones: 💬 Backlog , Story Book Aug 4, 2023
Seo0H added a commit that referenced this issue Aug 9, 2023
@Seo0H
[#191] refactor: header 내부 버튼 기능별 컴포넌트 추상화
b2f810f 
관심사 분리를 위해 좌우측 버튼, 가운데 로고 컴포넌트로 분리.
이후 스토리북으로 헤더의 여러 케이스를 모아 보기 용이하게 하기 위함.
Seo0H added a commit that referenced this issue Aug 9, 2023
@Seo0H
[#191] feature: header 스토리북 구현
92e305c 
위치가 '/' 일때와 아닐때의 ui 변화 표시
스포티파이 polaris VideoThumbnail.stories 참고
url: https://github.com/Shopify/polaris/blob/36e4ee8afbc7dbec6e65225384629afa83f64a75/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx#L4
Seo0H added a commit that referenced this issue Aug 9, 2023
@Seo0H
[#191] chore: preview hideNoControlsWarning 옵션 추가
9b3059c
Seo0H added a commit that referenced this issue Aug 9, 2023
@Seo0H
[#191] fix: main config staticDirs 추가
a5f7f5d
shinpanda added a commit that referenced this issue Aug 13, 2023
@shinpanda
[#191] 기회비용 카드 스토리 추가
61ab529
shinpanda added a commit that referenced this issue Aug 14, 2023
@shinpanda
[#191] feature : 소셜 아이콘 추가
64aa7de
Seo0H added a commit that referenced this issue Aug 17, 2023
@Seo0H
[#191] feature: storybook font 설정 추가
7260ac8
Seo0H added a commit that referenced this issue Aug 17, 2023
@Seo0H
[#191] feature: Listbox 스토리 구현
2979094
Seo0H added a commit that referenced this issue Aug 17, 2023
@Seo0H
[#191] feature: modal 스토리북 적용
e83efd1 
modal-root가 필요해서 preview-head.html에 추가
autodocs 전체가 모달로 덮여버리기에 modal 스토리에서는 autodocs 제거
Seo0H added a commit that referenced this issue Aug 17, 2023
@Seo0H
[#191] feature: SearchInput storybook 적용
4c8b4d8 
SearchInput이 가질 수 있는 상태를 스토리로 구현
Seo0H added a commit that referenced this issue Aug 31, 2023
@Seo0H
[#191] feature: 크로마틱에 스토리북 배포
466763d
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@shinpanda shinpanda

@Seo0H Seo0H

Labels
feature New feature or request
Projects
None yet
Milestone
Story Book
Development

When branches are created from issues, their pull requests are automatically linked.

feature/storybook SobiSa-Expense-Hunter/SobiSa
2 participants
@shinpanda @Seo0H