๋ฆฌ์กํธ์์๋ ํ๋์ ํ์ผ์ ์ฌ๋ฌ๊ฐ์ ํ์ด์ง๋ฅผ ๋ณด์ฌ์ค๋ค๋ฅธ ๊ฒฝ๋ก์ ๋ฐ๋ผ ๋ค๋ฅธ ํ๋ฉด์ ๋ณด์ฌ์ค\-> ๋ฆฌ์กํธ์ ๊ธฐ๋ณธ ๊ธฐ๋ฅ ์๋๋ผ React-router ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น ํ์
์ปดํฌ๋ํธ? UI๋ฅผ ๊ตฌ์ฑํ๋ ๊ธฐ๋ณธ ๋จ์์ฝ๋ ์ฌํ์ฉ ์ฆ๊ฐ์ฝ๋ ์ ์ง๋ณด์ ์ฉ์ดํด๋น ํ์ด์ง์ ๊ตฌ์ฑ ํ์ ์ฉ์ด์ปดํฌ๋ํธ๋ ๋๋ค๋ฅธ ์ปดํฌ๋ํธ ํฌํจ2.ํด๋์คํ ์ปดํฌ๋ํธ (์ง๊ด์ ) โ๏ธrenderํจ์๊ฐ ๊ผญ ์์ด์ผ ํ๊ณ ๊ทธ ์์ JSX ๋ฃ์
JSX?๋ฆฌ์กํธ์์ ์ฌ์ฉํ๋ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ฅ ๋ฌธ๋ฒ๋ธ๋ผ์ฐ์ ๊ฐ ์์๋ค์ ์ ์๊ฒ ๋ฐ๋ฒจ์ ์๋ฐ์คํฌ๋ฆฝํธ ํํ์ ์ฝ๋๋ก ์ปดํ์ผํจ์ฅ์ ?HTML ํ๊ทธ๋ฅผ ๊ทธ๋๋ก ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ๋ณด๊ธฐ ์ฝ๊ณ ์ต์HTML ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ ๋์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ JSX ์์์ ๋์
๋ฆฌ์กํธ์ ํน์ง 1, ๊ฐ์ DOM ์ปดํฌ๋ํธ ๊ธฐ๋ฐ JSX ์ฌ์ฉ ์ ์ธ์ 3์ธ๋ ์น ํ๋ ์์ํฌ ๋ฆฌ์กํธ, ์ฅ๊ทค๋ฌ, ๋ทฐ ๋ณต์กํด์ง ์น์ ํจ์จ์ ์ผ๋ก ๊ฐ๋ฐํ๊ณ ์ฒ๋ฆฌํ๊ณ ์ 3์ธ๋ ์น ๋ฑ์ฅ react์์ ์ปดํฌ๋ํธ๋? ์ฌ์ฌ์ฉ์ด ๊ฐ๋ฅํ ๋ ๋ฆฝ๋ UI ๋จ์