일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
- 게시판
- 출처 : https://webdir.tistory.com/506
- object
- toString
- http://jeonghwan-kim.github.io/dev/2019/06/25/react-ts.html
- https://velog.io/@velopert/create-typescript-react-component
- 출처 : https://joshua1988.github.io/web-development/javascript/promise-for-beginners/
- Today
- Total
목록Javascript/StoryBook.js (2)
Back Ground
이미 만들어진 프로젝트에 StoryBook을 추가할때 - 먼저, React cli를 통해서 프로젝트를 생성해준다. [ 생성방법 ] https://backback.tistory.com/291?category=801894 React - 프로젝트 생성 및 babel & webpack 설명 React 프로젝트를 만드는 방법은 여러가지 있지만 Node.js 기반으로 개발할때 유용하게 프로젝트를 생성 할때 [create-react-app] 이 있다. webpack과 babel 등을 사용하여 개발하는 경우가 많은데 해당 도구를 설.. backback.tistory.com - 종속적으로 storybook을 추가한다. 1. npm npm i @storybook/react --save-dev 더보기 React cli가 아..
스토리북(Storybook) StoryBook JS 이란? 스토리북(Storybook)은 한 문장으로 정의가 어려울 정도로 다양한 방식으로 사용되고 있는 UI 컴포넌트 개발 도구입니다. 단순히 회사의 UI 라이브러리를 내부 개발자들을 위해 문서화(documentation)하기 위해서 사용할 수 있고, 외부 공개용 디자인 시스템(Design System)을 개발하기 위한 기본 플랫폼으로도 사용할 수 있다. 스토리북(Storybook)을 기본 구성 단위는 스토리(Story)이며 하나의 UI 컴포넌트는 보통 하나 이상의 Story를 가지게 된다. 각 Story는 해당 UI 컴포넌트가 어떻게 사용될 수 있는지를 보여주는 하나의 예시라고 생각하시면 이해가 편하실 것 같다. StoryBook JS의 큰 장점인 UI..