profile
๐Ÿ’ป ๊ฐœ๋ฐœํ•˜๊ณ  ๊ณต์œ ํ•˜๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜๋Š” ๊ณ ๋“ฑํ•™์ƒ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค
post-thumbnail

Storybook ์ž‘์„ฑํ•˜๊ธฐ #2 - ํ™œ์šฉํ•˜๊ธฐ

์ง€๋‚œ ๊ธ€์—์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ Storybook์ด ๋ฌด์—‡์ด๊ณ  ์–ด๋–ค ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š”์ง€ ์•Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ๊ธ€์—์„œ๋Š” React.js์—์„œ Storybook์„ ์–ด๋–ป๊ฒŒ ์ ์šฉํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋Š”์ง€ ๊ฐ„๋‹จํ•œ ํˆฌ๋‘๋ฆฌ์ŠคํŠธ๋ฅผ ๋งŒ๋“ค๋ฉด์„œ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ“™ Storybook-cli ์„ค์น˜ ๋ฐ ์‹œ์ž‘ ๋จผ์ € ๊ฐ„๋‹จํ•˜๊ฒŒ create-react-app์„ ์ด์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด์ œ ...

2019๋…„ 11์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Storybook ์ž‘์„ฑํ•˜๊ธฐ #1 - ๊ฐœ์š”

์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ๋Š” Storybook ์ด๋ผ๋Š” ๊ฒƒ์„ ์•Œ์•„๋ณผ๊นŒ ํ•ฉ๋‹ˆ๋‹ค. Storybook์€ UI ๊ตฌ์„ฑ ์š”์†Œ(์ปดํฌ๋„ŒํŠธ)๋ฅผ ๊ฐœ๋ฐœํ•˜๊ธฐ์œ„ํ•œ ์˜คํ”ˆ ์†Œ์Šค ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์˜ˆ์ „์—๋Š” ํŽ˜์ด์ง€ ๋‹จ์œ„์˜ ๊ฐœ๋ฐœ์„ ํ•˜์˜€๋‹ค๋ฉด ์š”์ฆ˜์—๋Š” ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๊ฐœ๋ฐœํ•˜๊ณ , ๋งŽ์€ ๋ถ„๋“ค์ด React, Vue๋‚˜ Angular๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ์ปดํฌ๋„ŒํŠธ๋Š” ์™ธ๋ถ€์— ์˜ํ–ฅ์„ ๋ฐ›์ง€ ์•Š๊ณ  ...

2019๋…„ 11์›” 14์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€