๋์ ์ธ UI ๋ง๋๋ ๋ฐฉ๋ฒ 1. html, css ๋ก ๋ฏธ๋ฆฌ ๋์์ธ ์์ฑํด๋๊ณ 2. UI์ ํ์ฌ์ํ๋ฅผ ์ ์ฅํ state ํ๋ ๋ง๋ค๊ณ 3. state์ ๋ฐ๋ผ์ UI๊ฐ ์ด๋ป๊ฒ ๋ณด์ผ์ง ์์ฑํ๊ธฐ ๋จผ์ , ๋ฒํผ0 ๋ฒํผ1 ๋ฒํผ2 ๋ด์ฉ0 ๋ด์ฉ1 ๋ด์ฉ2 ๋์์ธํ๊ธฐ ๊ท์ฐฎ์์ ๋ฒํผ์ react-bootstrap ์ฌ์ดํธ์์ ๋ณต์ฌํจ ๋๋ฒ์งธ๋ก, UI์ ํ์ฌ์ํ๋ฅผ ์ ์ฅํ state๋ฅผ ๋ง๋ค๊ธฐ function Detail(){ let [tab, setTab] = useState(0) (์๋ต) } ํญ ui์ ์ํ๋ 0๋ฒ ๋ด์ฉ์ด ๋ณด์ด๊ฑฐ๋/ 1๋ฒ๋ด์ฉ์ด ๋ณด์ด๊ฑฐ๋/ 2๋ฒ๋ด์ฉ์ด ๋ณด์ด๊ฑฐ๋ ์
์คํ๋์ด๊ธฐ ๋๋ฌธ์ ๊ทธ๋๊ทธ๋๋ง๋ค setTab()์ผ๋ก state๋ฅผ ๋ณ๊ฒฝํด์ฃผ๋ฉด ๋ ๋ฏ ๋ง์ง๋ง์ผ๋ก, state์ ๋ฐ๋ผ์ ui๊ฐ ์ด๋ป๊ฒ ๋ฌ๋ผ ๋ณด์ผ์ง ์์ฑ function D..