Moong

storybook에서 react-router-dom 을 포함한 컴포넌트를 불러오면 관련 설정들을 해주어야 합니다! 1. storybook-addon-react-router-v6 다운로드 관련 라이브러리를 다운받아줍니다. 🔗 storybook-addon-react-router-v6 Github 링크 # yarn yarn add -D storybook-addon-react-router-v6 # npm npm install storybook-addon-react-router-v6 2. addon에 router 추가하기 ( => main.ts) addon array에 storybook-addon-react-router-v6을 추가해줍니다. // .storybook/main.ts import type { Stor..

storybook에서 sass 파일을 불러올 때 에러가 나는 경우 추가적인 설정을 해주어야 합니다! 1. 라이브러리 설치 (storybook/addon-styling, sass) @storybook/addon-styling 와 sass를 설치합니다. # yarn yarn add -D @storybook/addon-styling sass # npm npm install -D @storybook/addon-styling sass 2. main.ts addons에 sass 추가하기 .storybook > main.ts addons에 sass를 추가해주면 됩니다. // main.ts import type { StorybookConfig } from "@storybook/react-webpack5"; const ..

아래와 같이 svg 크기 조정을 할 때 svg의 내부 path의 크기가 함께 변하지 않고 잘리는 현상이 발생한다면, Solution : Viewbox 속성 설정하기 원본 svg 크기에 맞게 viewbox 속성을 설정해주면 됩니다. ... 크기 줄이기 성공! 🙌