스토리북 관련 팀 컨벤션
팀 내 스토리북 도입으로 인해 관련 컨벤션을 정하려고 합니다. 컴포넌트를 수정하게 되면 스토리북도 필수로 같이 수정해야 된다는 룰 말고는 떠오르는게 없는데 혹시 강사님이 사용하시는 컨벤션을 알려주실 수 있나요?
답변 1
0
안녕하세요! 정확하게 어떤 컨벤션을 찾으시는걸까요?
스토리북 관련해서는 별도의 컨벤션 문서가 있는 것은 아니고,
새로운 UI 컴포넌트가 추가되면 스토리북에 추가한다
해당 컴포넌트의 디자인이 변경되면 컴포넌트의 스토리를 추가한다.
[가급적이면]
play를 활용해서 Integration Test를 작성한다
정도인 것 같습니다!
0
질문이 많이 부족했었네요. 답변해 주신 것처럼 스토리북 파일 관리 컨벤션에 대한 질문이었습니다.
그럼 1,2번에 대한 것을 강제화할 수 있는 게 있을까요? 예를 들어 husky를 이용해 에러가 발생되었을 때 commit이 안 되게 하는 것처럼 이러한 방법이 있는지 궁금합니다.
늦은 시간에도 빠른 답변 감사합니다.
1
안녕하세요!
강제할 수 있는 방법은 저는 시도해보지는 않았는데, 만약 스토리 작성을 강제해야한다면,
강의에서 보신것처럼
npm패키지로 배포한 라이브러리만 사용해서 UI 컴포넌트를 생성하게하고,해당 디자인시스템 레포에서 PR로 확인을 하거나
pre-commit과 같은 hook을 작성해서, UI 컴포넌트가 생성될때마다 해당 컴포넌트와 매핑된 스토리가 있는지 검증하는 방식
이 가능할 것 같습니다
스토리북에 대해서
0
66
1
Storybook 10에서 argTypes에 action 설정 시
0
91
1
storybook setup
0
99
2
실무 적용 관련해서 질문이 있습니다!
0
76
2
storybook 프로젝트 세팅 중 궁금한 점이 있습니다.
0
147
2
스토리북 테스트에 대한 질문
0
106
2
tailwind 4.x 버전 변경된 CSS 추출(?) 커맨드
1
215
2
스토리북 테마에 대해 질문 드립니다.
0
164
2
테일윈드를 안쓰고 스타일 컴포넌트만 사용하는 환경에서는요?
0
149
2
[질문 x 공유용] tailwind v4.0 으로 강의랑 다를 때 (import 다름, tailwind.config.js 없어짐 등)
6
493
2
react-toastify 를 storybook에 출력 시키기
0
186
1
react에서 modal & portal 사용시 에는 어떻게 작성해야될까요
0
383
3
tsconfig
0
181
1
vite 초기설정
0
355
2
스토리 내 args에서 에러가 발생합니다.
0
216
2
Nextjs에서 tailwind를 사용할 때
0
287
2
제공해주시는 Figma 색상 코드가 강의와 달라 글 남깁니다!
0
148
2
Visual Test
1
130
1
NavigationBar 배경색
0
133
1
defaultValue 질문 드립니다!
0
129
1
svg를 public 말고 src>assets안에 넣는다면 import를 어떻게해야하나요?
1
273
2
index.tsx 빌드 오류
0
379
2
tailwind css 코드 스플릿팅이 가능한가요?
0
287
1
StoryBook 관련 궁금 사항입니다.
1
266
1