๋ฆฌ๋์ ์ธ UI ๊ฐ ๋ญ๋๋ฉด, ์ ์ ๊ฐ ์กฐ์์ ํํ๊ฐ ๋ฐ๋๋ ๋ชจ๋ฌ์ฐฝ, ํญ, ์๋ธ๋ฉ๋ด, ํดํ, ๊ฒฝ๊ณ ๋ฌธ ๋ฑ ๊ทธ๋ฐ UI๋ฅผ ์๋ฏธํฉ๋๋ค. ๋์ ์ธ UI ๋ง๋๋ ๋ฐฉ๋ฒ 1. html, css๋ก ๋ฏธ๋ฆฌ UI ๋์์ธ์ ๋ค ํด๋๊ณ 2. UI์ ํ์ฌ์ํ๋ฅผ state ๋ก ์ ์ฅํด๋๊ณ 3. state์ ๋ฐ๋ผ์ UI ๊ฐ ์ด๋ป๊ฒ ๋ณด์ผ์ง ์กฐ๊ฑด๋ฌธ ๋ฑ์ผ๋ก ์์ฑ 1๋ฒ์ ํ์ผ๋ 2๋ฒ๋ถํฐ ํ ๊ฑฐ์ step 2. UI์ ํ์ฌ์ํ๋ฅผ state๋ก ์ ์ฅ state ํ๋ ๋ง๋ค๊ณ , ๊ฑฐ๊ธฐ์ ํ์ฌ UI์ ์ํ์ ๋ณด๋ฅผ ์ ์ฅํด๋๋ผ๋ ์๋ฆฌ let [modal, setModal] = useState(false); useState ์์ ๋ฌด์จ ์๋ฃ๋ฅผ ๋ฃ์ด์ผ ๋๋๋ฉด ์ ๋ง ๋ง์๋๋ก ํ๋ฉด๋จ ๋ชจ๋ฌ์ฐฝ์ ์ด๋ฆผ or ๋ซํ ์ด ๋๊ฐ ์ํ๋ฐ์ ์๊ธฐ ๋๋ฌธ์ ๊ทธ๊ฑฐ 2์ข
๋ฅ๋ง ํํํ ์ ์๋ ์๋ฃํ์ด๋ฉด..