Storybook

Storybook 생성하기

스토리북은 스토리북을 실행시킬 시, 자동으로 .stories.jsx가 적혀진 파일명을 읽어 스토리북 웹에 띄워준다.

• 새로운 폴더에서 만들 경우

1. clone으로 template를 받아온다

npx degit chromaui/intro-storybook-react-template taskbox

2. 받은 폴더로 이동

cd taskbox

3. dependency 받아옴

npm install

-> 여기서 이렇게만 받았더니 계속 오류남
-> 대충 의존성, 버전등의 문제였다.

• 다른 방법으로 해결해보려고 했지만 해결되지 않아 결국 이 방법으로 해결

npm install --legacy-peer-deps

4. 저것까지 다 해준 후, 이제 실행 시키면 storybook이 열린다!

npm run storybook

---

typescript로 생성하기

1. 기존 typescript 생성하는 것과 같이 생성한다.

npx create-react-app [프로젝트명] --template typescript

2. 프로젝트 명으로 이동한다.

cd 프로젝트명

3. 스토리북 설치

npx sb init

4. 실행

npm run storybook