JSX
-
๐ React ๊ณต๋ถํ๊ธฐ | React ์ค๋น์ด๋, ES6 & JSX๋ฆฌ์กํธ 2020. 11. 25. 20:33
React ๋ฆฌ์กํธ ๊ณต์ ํํ์ด์ง์ ๋ค์ด๊ฐ๋ฉด ๋ฆฌ์กํธ๋ '์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค๊ธฐ ์ํ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ' ๋ผ๊ณ ๋์์๋ค. ์นํ์ด์ง๋ฅผ ๋ง๋๋ ๋ฐฉ๋ฒ์ ํฌ๊ฒ ๋ ๊ฐ์ง๋ก ๋๋ ์ ์๋ค. 1. html, css ํ์ผ์ ๋ง๋ค๊ณ javascript๋ก ๋์ ์ธ ์ก์ ์ ๋ฃ์ด์ ๋ง๋๋ ๋ฐฉ๋ฒ 2. vue, react, angular ๊ฐ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํด์ ๋ง๋๋ ๋ฐฉ๋ฒ์ด๋ค. ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉํ๊ธฐ ์นํ์ด์ง๋ฅผ ๋ง๋ค๊ณ ์ฌ์ฉ์๋ค๊ณผ ์ํธ์์ฉ์ ํ๊ฒ ๋๋ฉด์ ๋ง์ ์ํ ๊ด๋ฆฌ๊ฐ ํ์ํ๊ฒ ๋๋ค. ๋ง์ฝ, ์ฌ์ฉ์๊ฐ ํ๋กํ ๊ด๋ฆฌ์์ ํ๋กํ ์ฌ์ง์ ๋ฐ๊พผ๋ค๊ณ ํ์. ๊ทธ๋ผ ์๋์ ๊ฐ์ ๊ณผ์ ์ด ์ผ์ด๋ ๊ฒ์ด๋ค. 1. ๋ฐ๊ฟ ์ด๋ฏธ์ง DOM์ ์ฐพ๋๋ค. 2. ์ด๋ฏธ์ง DOM์ ์์ค๋ฅผ ์๋ก์ด ์ด๋ฏธ์ง๋ก ๋ฐ๊ฟ์ค๋ค. 3. ๋ฐ๋ ์ด๋ฏธ์ง๋ฅผ ํ๋ฉด์ ๋ค..