Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 말줄임 툴팁 만들기
- storybook styled-components
- 2023 자바스크립트
- react-table
- msw
- storybook
- ₩1
- storybook 커스텀
- 알고리즘
- 리액트 파이버
- 이펙티브 타입스크립트
- js
- 테스트코드 자동화
- Next.js
- createPortal
- next.js msw
- 프론트엔드 아키텍처
- 자바스크립트 동향
- 카카오엔터프라이즈 인턴
- react cypress
- Queue
- ISR
- 테오의스프린트
- TC39
- fsd
- MinHeap
- 자바스크립트로 코딩테스트
- ssg
- 알고리즘JS
- 스토리북
Archives
- Today
- Total
목록스토리북 (1)
MEI
Storybook 7.0 사용기 (+ Next.js, Typescript, Styled-component)
마지막으로 스토리북 6.5 버전을 사용했었는데 7.0으로 바뀌고 나서 Type 관련해서 많이 변경된 것 같다. 6.5 > 7.0으로 업데이트를 잘못하면 타입 지옥에 빠질 수도 있을 것 같다. 그러나 Storybook을 처음 적용하는 프로젝트 였기 때문에 7.0으로 설치하고, 변화된 부분을 살펴보았다. Storybook 설치 스토리북 설치 npx storybook@latest init 스토리북 실행 npm run storybook config 관련 수정 추가적으로 건들인 부분이었는데 stories에 모든 stories.ts 파일이 묶이는게 아니고, 컴포넌트 내에 stories.ts 파일이 있있으면 했다. 그 이유는 컴포넌트의 Props 수정이 일어날 수 있는데 Stories/해당 컴포넌트.stories.t..
TECH
2023. 7. 12. 17:44