์ด๋ฒ๊ณผ์ ๋? ์ด๋ฒ ๊ณผ์ ์์๋ Figma์์ ๋์์ธ๋ ์ปดํฌ๋ํธ๋ฅผ React ์ปดํฌ๋ํธ๋ก ๊ตฌํํด์ผ ํฉ๋๋ค. ์ด๋ฅผ ์ํด, Figma์์ ์ถ์ถํ ๋์์ธ ํ ํฐ๊ณผ Styled Components์ ์ฌ์ฉํ์ฌ ์ผ๊ด๋ ๋์์ธ์ ์ ์งํ๊ณ , Storybook์ ์ฌ์ฉํ์ฌ ๊ฐ๊ฐ์ ์ปดํฌ๋ํธ์ ๋ํ ๋ฌธ์ํ๋ฅผ ์งํํฉ๋๋ค. ์ด ๊ณผ์ ์ ํตํด ๋์์ธ ์์คํ
๊ตฌ์ถ ๋ฐ ์ฝ๋๋ก ๋์์ธ์ ๊ตฌํํ๋ ๊ฒฝํ์ ์์ ์ ์์ต๋๋ค. ์์
๋ด์ฉ์ด ๊ฑฐ์ ๋ฌธ์๋ก ์งํ๋์ ์ง์ง ์ดํด๊ฐ ์๋์๋ค ใ
ํ์ด๋ถ์ด ์ค๋ช
์ ๋ค์ ๋ค, ๋๋ง์ ์ธ์ด๋ก ์ ๋ฆฌํด๋ณด์๋ค! ํผ๊ทธ๋ง์์ ์ปดํฌ๋ํธ๋ฅผ ๋ณด๊ณ , ๋ฌ๋ผ์ง๋ ์์์ ๋ํ ํค์ ๊ฐ์ ๊ณ ๋ฏผํ๋ค ์ด๋ hover ๊ธฐ๋ฅ์ธ์ง, active ๊ธฐ๋ฅ์ธ์ง์ ๋ฐ๋ผ ์ธํ์ ๊ธฐ์ค์ด ๋ฌ๋ผ์ง๋ค (์ ๋ชจ๋ฅด๊ฒ ์ผ๋ฉด input.js ์ inputsories.js ๋ฅผ ..