React๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํ ํ๊ฒฝ์ธํ ๋ฐ ์ค์น์ ํ๋ก์ ํธ๋ฅผ ์์ฑํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ฒ ๋ค!
๋ฆฌ์กํธ์ JSX์์ ์กฐ๊ฑด๋ฌธ์ด๋ ๋ฐ๋ณต๋ฌธ์ ์ฌ์ฉํ ๋๊ฐ ์๋ค. ์ํฉ์ ๋ฐ๋ผ JSX์์ ๋ฐ๋ก ์ฌ์ฉ ๊ฐ๋ฅํ ๋ฐฉ๋ฒ๊ณผ ์ปดํฌ๋ํธ๋ก ๋นผ์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ๋ค์ ์ดํด๋ณด๊ฒ ๋ค.
๋ฐ๋ผ์ ์ปดํฌ๋ํธ ํ์ผ์ ๋ง๋ค์ด ์ฌ์ฉํ๋ ๋ฆฌ์กํธ์ JSX ์ฝ๋๋ `.jsx`๋ก ๋ง๋ค๊ณ ๋๋จธ์ง ์ผ๋ฐ JavaScript ์ฝ๋๋ค์ `.js`๋ก ๋ง๋ค๋ฉด ๋๋ค.
๊ฐ๋ฐ์ฉ ๊ทธ๋ฆฌ๊ณ ์๋น์ค์ฉ์ผ๋ก ๋๋ ๊ฒฝ์ฐ ๋ชจ๋ ๋ค์ด๋ก๋ํ๊ฒ ๋๋ฉด ์์์ ๋ญ๋น๊ฐ ์๊ธด๋ค. ์์กด์ฑ ๋ชฉ๋ก์ ๊ตฌ๋ถํด์ค ํ์๊ฐ ์๊ธฐ์ ์ต์ ์ผ๋ก ๋๋ ์ ์๋ค.