CSS in JS

ยท React
CCD (Componet Driven Development) ๋งŒ์•ฝ ๊ธฐํš์ž๊ฐ€ ์ด์ „์— ์‚ฌ์šฉํ–ˆ๋˜ ๋ฒ„ํŠผ์„ ์ด๋ฒˆ์—๋„ ์‚ฌ์šฉํ•˜์ž๊ณ  ํ•ฉ๋‹ˆ๋‹ค ๊ทธ๋ ‡๋‹ค๋ฉด ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๋Š” ์ƒˆ๋กญ๊ฒŒ ๋ฒ„ํŠผ์„ ๋งŒ๋“ค์–ด์•ผ ํ• ๊นŒ์š”? ์žฌ์‚ฌ์šฉ ํ•  ์ˆ˜ ์žˆ๋Š” UI ์ปดํฌ๋„ŒํŠธ๊ฐ€ ํ•„์š”ํ•˜๊ฒ ์ฃ ! ์ด ๊ณ ๋ฏผ์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋“ฑ์žฅํ•œ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•์ด ๋ฐ”๋กœ Componet Driven Development(CCD) ์ž…๋‹ˆ๋‹ค ๋ ˆ๊ณ ์ฒ˜๋Ÿผ ๋ถ€ํ’ˆ ๋‹จ์œ„๋กœ UI ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์กฐ๋ฆฝํ•ด๋‚˜๊ฐ€๋Š” ๊ฐœ๋ฐœ์ž…๋‹ˆ๋‹ค CSS in JS CSS๊ฐ€ ๋ณต์žกํ•ด์ง์— ๋”ฐ๋ผ, CSS๋„ ์ปดํฌ๋„ŒํŠธ ์˜์—ญ์œผ๋กœ ๋ถˆ๋Ÿฌ๋“ค์ด๊ฒŒ ๋จ! CSS in JS ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด CSS๋„ ์‰ฝ๊ฒŒ Javascript ์•ˆ์— ๋„ฃ์–ด์ค„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, HTML + JS + CSS๊นŒ์ง€ ๋ฌถ์–ด์„œ ํ•˜๋‚˜์˜ JSํŒŒ์ผ ์•ˆ์—์„œ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ด..