muchogusto.log
๋ก๊ทธ์ธ
muchogusto.log
๋ก๊ทธ์ธ
๐ storybook ์ฌ์ฉํ๊ธฐ
์ ์๊ฒฝ
ยท
2020๋ 8์ 12์ผ
ํ๋ก์ฐ
0
storybook
0
๐ธ Front-End Queen
๋ชฉ๋ก ๋ณด๊ธฐ
45/278
storybook 6.x ๋ฒ์ ๋ถํฐ๋ ์ด์ ๋ฒ์ ๊ณผ ๋๋ ํฐ๋ฆฌ ๊ตฌ์กฐ ๋ฑ์ ์ฐจ์ด๊ฐ ์๋ค
Reference
https://storybook.js.org/docs/react/get-started/introduction
https://www.componentdriven.org/
https://storybook.js.org/tutorials/
https://github.com/storybookjs/storybook/blob/master/app/react/README.md
์คํ ๋ฆฌ๋ถ ์์ ๋ค
https://next--storybookjs.netlify.app/official-storybook/?path=/story/addons-a11y-basebutton--default
https://5ccbc373887ca40020446347-geedzbiswp.chromatic.com/?path=/story/avatarlist--basic
https://workday.github.io/canvas-kit/
https://airbnb.io/react-dates/?path=/story/daterangepicker-drp--default
๋ฆฌ์กํธ
https://github.com/storybookjs/presets/tree/master/packages/preset-scss
https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app
Reference
Storybook์ ๋ค์ํ Addon๊ณผ ํจ๊ป ํ์ฉํด๋ณด๋ฉด์ ์ฌ์ฉ๋ฒ ์ ๋ณตํ๊ธฐ (
https://velog.io/@velopert/start-storybook
)
Storybook ์ ๋ฌธ ๊ฐ์ด๋ (
https://hyunseob.github.io/2018/01/08/storybook-beginners-guide/
)
CRA๋ก ๋ง๋ ํ๋ก์ ํธ์ Storybook ์ ์ฉ / ์ ์ฉํ ํ / ๊ฐ์๋ฅผ ๋ง์น๋ฉด์.. (
https://velog.io/@velopert/storybook-tips-and-tutorial-conclusion
)
Storybook ์๊ฐ / ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ (
https://www.daleseo.com/storybook/
)
Storybook์ ์ด์ฉํ React Test ํ๊ฒฝ ๊ตฌ์ถํ๊ธฐ (
https://medium.com/@benjaminwoojang/storybook%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-react-test-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0-65bbe6c453b5
)
์ ์๊ฒฝ
#์์์ํ๋ฆ #์๊ฐ์๊ฐ #์๊ฐ์์ค๋ ์ท
ํ๋ก์ฐ
์ด์ ํฌ์คํธ
์ปดํฌ๋ํธ ์ด๋๊น์ง ์ชผ๊ฐ ๋ดค๋?
๋ค์ ํฌ์คํธ
E2E ํ ์คํธ
0๊ฐ์ ๋๊ธ
๋๊ธ ์์ฑ