inflearn logo
inflearn logo

ๅฎŸๅ‹™ใซ็›ดๆŽฅ้ฉ็”จใ™ใ‚‹ใ‚นใƒˆใƒผใƒชใƒผใƒ–ใƒƒใ‚ฏใจUIใƒ†ใ‚นใƒˆ

ใ‚นใƒˆใƒผใƒชใƒผใƒ–ใƒƒใ‚ฏใฎๆดป็”จๆณ•A to Z.ใ‚นใƒˆใƒผใƒชใƒผใƒ–ใƒƒใ‚ฏใฎใ™ในใฆใ‚’่กจ็คบใ—ใพใ™

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

storybook
storybook
ui-testing
ui-testing
React
React
TypeScript
TypeScript
TailwindCSS
TailwindCSS
storybook
storybook
ui-testing
ui-testing
React
React
TypeScript
TypeScript
TailwindCSS
TailwindCSS
jasonkang๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

npm package้…ๅธƒๆ–นๆณ•่ฌ›็พฉใฎไฟฎๆญฃ

ใ“ใ‚“ใซใกใฏ๏ผใ‚ซใƒณใƒปใƒ“ใƒงใƒณใ‚ธใƒณใงใ™ใ€‚

ใ‚นใƒˆใƒผใƒชใƒผใƒ–ใƒƒใ‚ฏ่ฌ›็พฉใ‚’ๅ—่ฌ›ใ—ใฆใใ ใ•ใฃใŸๆ–นใ€…ใซๆ„Ÿ่ฌใ—ใพใ™ใ€‚

ๅ…ˆๆœˆใ€roberto parkใฏ่ฌ›็พฉใฎ่ณชๅ•ใ‚’้€šใ—ใฆNext.jsใงใฏ้…ๅธƒใ•ใ‚ŒใŸnpmใƒ‘ใƒƒใ‚ฑใƒผใ‚ธใ‚’ไฝฟ็”จใงใใชใ„ใจ่จ€ใฃใฆใ„ใพใ—ใŸใŒใ€็ขบ่ชใ—ใฆใฟใ‚‹ใจใ€npmใƒ‘ใƒƒใ‚ฑใƒผใ‚ธใ‚’้…ๅธƒใ™ใ‚‹ๅ‰ใซใƒ“ใƒซใƒ‰ใ™ใ‚‹้Ž็จ‹ใซๅ•้กŒใŒใ‚ใ‚‹ใ“ใจใŒใ‚ใ‹ใ‚Šใพใ—ใŸใ€‚ viteใฎๅ ดๅˆใซใฏใฉใ†ใ‚„ใ‚‰ใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ่‡ชไฝ“ใ‚’viteใซใ—ใฆใฟใŸใจใ“ใ‚ใ€ใ‚ใ‚‹็จ‹ๅบฆไบ’ๆ›ใซใชใฃใฆ็งใŒ็ขบ่ชใงใใšใซ้€ฒใ‚“ใ ใ‚ˆใ†ใงใ™ใ€‚ใ”่ฟทๆƒ‘ใ‚’ใŠใ‹ใ‘ใ—ใฆ็”ณใ—่จณใ‚ใ‚Šใพใ›ใ‚“ใ€‚

ใใ“ใงๅ‡บๅผตใซ่กŒใใ‚„ใ„ใชใ‚„ใใฎ้ƒจๅˆ†ใ‚’ไฟฎๆญฃใ—ใฆๆ’ฎๅฝฑใ—ใ€ไปŠๆ—ฅๆ›ดๆ–ฐใ—ใพใ—ใŸใ€‚ใ‚คใƒณใƒ•ใƒฉใฎๅญ—ๅน•ใŒใจใฆใ‚‚ๅ„ชใ‚ŒใฆใŠใ‚Šใ€็ทจ้›†ใซๆ™‚้–“ใ‚’ใŸใใ•ใ‚“ๆƒœใ—ใ‚€ใ“ใจใŒใงใใŸใ—ใ€‚ไปŠใ‚จใƒณใ‚ณใƒผใƒ‰ไธญใชใฎใงใ€ใŠใใ‚‰ใ10ๅˆ†-15ๅˆ†ๅ†…ๅค–ใซๆ›ดๆ–ฐใ•ใ‚ŒใŸๆ˜ ๅƒใ‚’็ขบ่ชใ™ใ‚‹ใ“ใจใŒใงใใพใ™ใ€‚ใƒŽใƒƒใ‚ทใƒงใƒณใงไฝœๆˆใ—ใŸ่ฌ›็พฉ่ณ‡ๆ–™ใ‚‚ใ“ใ‚Œใซๅˆใ‚ใ›ใฆใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ™ใ‚‹ใ‚ˆใ†ใซใ—ใพใ™ใ€‚ๆ—ขใซๅ—่ฌ›ใ•ใ‚ŒใŸๆ–นใ‚‚ไธ€ๅบฆ่ฆ‹ใ‚Œใฐใ„ใ„ใจๆ€ใ„ใพใ™๏ผ

ใใ—ใฆๅ—่ฌ›ๅชไฝœๆˆใ—ใฆใใ ใ•ใฃใฆGoogleใƒ•ใ‚ฉใƒผใƒ ใงใƒกใƒณใ‚ฟใƒชใƒณใ‚ฐ็”ณ่ซ‹ใ—ใฆใ„ใŸใ ใ‘ใ‚Œใฐไธ€ไบบใšใคใ‚ชใƒณใƒฉใ‚คใƒณใงไผšใฃใฆใฟใฆใ„ใพใ™๏ผไปŠ้€ฑๆœจๆ›œๆ—ฅใซใ‚‚ไธ€ไบบใจไบˆๅฎšใ•ใ‚Œใฆใ„ใพใ™ใŒใ€่ฌ›็พฉใ‚’ๅ—่ฌ›ใ—ใฆใ‹ใ‚‰่ณชๅ•ใซ่ผ‰ใ›ใ‚‹ใฎใฏใกใ‚‡ใฃใจใใ‚“ใชๅ†…ๅฎนใจใ‹ใ€ใใ‚Œใจใ‚‚ๅ…ฌ้–‹็š„ใซๅˆ†ใ‘ใ‚‰ใ‚Œใชใ„ไผš็คพใง้–‹็™บใ—ใฆ็ตŒ้จ“ใ—ใŸๆ‚ฉใฟใจใ‹ใ‚’ๅˆ†ใ‹ใกๅˆใ„ใŸใ„ใชใ‚‰ใƒกใƒณใ‚ฟใƒชใƒณใ‚ฐใ‚’็”ณ่ซ‹ใ—ใฆใใ ใ•ใ„๏ผ

ๅ—่ฌ›ใ—ใฆใใ ใ•ใฃใŸๆ–นใ€…ใซๆ”นใ‚ใฆๆ„Ÿ่ฌใ„ใŸใ—ใพใ™ใŒใ€ไปŠๅนดไธ‹ๅŠๆœŸใซใฏใ‚ˆใ‚Š่‰ฏใ„่ฌ›็พฉใซๆˆปใ‚Šใพใ™ใ€‚

ใ‚ซใƒณใƒปใƒ“ใƒงใƒณใ‚ธใƒณใƒ‰ใƒชใƒผใƒ 

 

ใ‚ณใƒกใƒณใƒˆ 2
    rjsdnrsla63855140๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๆœฌๅฝ“ใซใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ—ใŸ๏ผ
    hahaiie2๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ†ใ‚ใƒผใ€ใ‚ใ‚ŠใŒใจใ†๏ผ

๏ฟฅ7,411