MUSMA-WEB-UI

MUSMA-WEB-UI

사용 방법

EmotionThemeProvider로 App을 감싸서 사용

<EmotionThemeProvider theme={{}}>
    {........}
</EmotionThemeProvider >

참고

https://github.com/jeina7/react-storybook-tailwind

https://velopert.gitbook.io/storybook-tutorial/05.publish-library/05a.bundle-with-rollup

Chromatic 배포

package.json 스크립트의 chromatic 명령어 실행하면 됩니다.

Storybook에서 SVG 파일 렌더하면 undefined

https://www.howdy-mj.me/storybook/svg-undefined/

React SVG 활용방법

https://velog.io/@juno7803/React-React%EC%97%90%EC%84%9C-SVG-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0

SVG Component 만드는 법

npx @svgr/cli --icon 변환할이미지명.svg

Storybook과 Emotion 11 충돌 오류 해결하기

https://xo.dev/fix-storybook-emotion-11-error/

react-toastify

https://github.com/fkhadra/react-toastify#readme

스토리북 로컬 폰트 및 이미지 경로

https://storybook.js.org/docs/react/configure/images-and-assets

스토리북 절대 경로 지정 방법

https://velog.io/@hys0630/storybook-%EC%A0%88%EB%8C%80-%EA%B2%BD%EB%A1%9C-%EC%A7%80%EC%A0%95-%EB%B0%A9%EB%B2%95

Typescript 빌드 절대경로

https://stackoverflow.com/questions/55700593/how-to-use-webpack-alias-with-typescript-declaration https://medium.com/@joshuaavalon/webpack-alias-in-typescript-declarations-81d2b6c0dcd6

https://rrecoder.tistory.com/168

https://rrecoder.tistory.com/168