본문으로 건너뛰기

Storybook 설치

설치

npx storybook@latest init

설치 진행

• Detecting project type. ✓ -> 프로젝트 감지 • Preparing to install dependencies. ✓ -> 필요한 dependencies 확인 및 설치 준비 • Adding Storybook support to your "Next" app -> Next 프로젝트에 story 추가

Storybook needs to be installed into a project that is already set up with a framework.

스토리북은 프레임워크가 구성되어있는 프로젝트에 한해서 설치되어진다. 그리고 이에 맞게 최적화를 도와준다. 자세한 내용은 다음에서 확인 가능하다.

  • Would you like to install it? -> 설치 진행여부 확인
  • Configuring Storybook ESLint plugin at .eslintrc.json -> .eslintrc.json extends추가
  • Installing Storybook dependencies -> storybook dependencies 설치