ํ”„๋กœ์ ํŠธ ํŒ€์› ์ฝ”๋“œ๋ฅผ ๋ณด๊ณ  ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“œ๋Š” ๋ฒ• ๋ฐฐ์šฐ๊ธฐ(typescript + clsx)
ยท
Frontend
0. ์ด๋ฒˆ ์ฃผ๋Š” ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ๋กœ ํ–ˆ๋‹ค.ํ˜„์žฌ ํ”„๋ก ํŠธ 2๋ช…, ๋ฐฑ์—”๋“œ 1๋ช…, AI 1๋ช…์œผ๋กœ ๊ตฌ์„ฑ๋œ ํ”„๋กœ์ ํŠธ์— ์ฐธ๊ฐ€ ์ค‘์ด๋‹ค. ๋‚˜๋ž‘ ๊ฐ™์ด ์›น ํ”„๋ก ํŠธ์—”๋“œ๋กœ ์ฐธ๊ฐ€ํ•˜๋Š” ์นœ๊ตฌ๋Š” ๊ต๋‚ด ๊ฐœ๋ฐœ๋™์•„๋ฆฌ์™€ ์—ฐํ•ฉ ๊ฐœ๋ฐœ๋™์•„๋ฆฌ์—์„œ ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉฐ ๊ฒฝํ—˜์น˜๋ฅผ ๋งŽ์ด ์Œ“์•„์„œ ๊ฐœ๋ฐœ์— ๋Šฅํ†ตํ•˜๋‹ค. ์ด ์นœ๊ตฌ์™€ ์ด๋ฒˆ ์ฃผ์—๋Š” ํ”„๋กœ์ ํŠธ์˜ ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ œ์ž‘ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ์นœ๊ตฌ๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ์–ด๋–ป๊ฒŒ ๋งŒ๋“ค๊นŒ? ์นœ๊ตฌ์˜ ์ฝ”๋“œ๋ฅผ ์‚ดํŽด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.1. ํด๋”(ํŒŒ์ผ) ๊ตฌ์กฐ๋ถ€ํ„ฐ ํ™•์ธํ•˜์žsrc ์•ˆ์— components ํด๋”๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ๋˜‘๊ฐ™์€๋ฐ, common components๋“ค์„ ์ €์žฅํ•  common ํด๋”๋ฅผ ๋”ฐ๋กœ ๋งŒ๋“ค๊ณ , ๋„๋ฉ”์ธ๋ณ„๋กœ ํด๋”๋ฅผ ๋งŒ๋“ค์–ด์„œ ์ปดํฌ๋„ŒํŠธ ํŒŒ์ผ๋“ค์„ ๋ถ„๋ฆฌํ•œ๋‹ค.input ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ ๋‹ค๊ณ  ๊ฐ€์ •ํ•˜์ž. ์นœ๊ตฌ๋Š” components/common ์•ˆ์—..