Computer Programming/React
2023. 5. 14.
[React] ๋ฆฌ์กํธ๋? ๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ ์ด์ ? (vs. Vanilla js)
1. Javascript๋ง์ ์ฌ์ฉํ ์ฝ๋๋? ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ช
๋ นํ ์ ๊ทผ๋ฐฉ์(imperative approach)์ด๊ธฐ ๋๋ฌธ์ ๋ชจ๋ ๋จ๊ณ๋ฅผ ์ค๋ช
ํ๋ ๊ฒ์ด ์ค์ํ๋ค. ์๋ฅผ ๋ค๋ฉด ํ๋ฉด์ ํน์ ํ ํ์ด์ง๋ฅผ ๋์ฐ๋ ๋ฐฉ์ ๋ฑ์์ ์ผ๋ จ์ ์ก์
๋ค์ ๋จ๊ณ๋ณ๋ก ์ค๋ช
ํด์ผํ๋ค. -> ๋ชจ๋ ๋จ๊ณ๋ฅผ ๋ช
์ํ๋ ๊ณผ์ ์์ ํ๊ณ๊ฐ ๋ํ๋ ์ ์๊ณ ์ธ๋ถ์ฌํญ๋ค์ ์ ๊ฒฝ์จ์ผํ๋ค. ์ด๋ ๋ํ์ด๋๊ณ ๋ฐ๋ณต์ ์ธ ์ก์
๋ค์ ์์
ํ๊ฒ ๋ ์ ์๋ค. 2. ๋ฆฌ์กํธ(React.js)๋? ๋ฆฌ์กํธ๋ client-side ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ฉฐ ๋ชจ๋, ๋ฐ์ํ ์ ์ ์ธํฐํ์ด์ค๊ด๋ฆฌ์ ์ฉ์ดํ๋ค. Declarative and component-focused approach 3. React.js์ ์ฅ์ ์? ๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ฉด ๊ฐ์ ๋ฐฉ์์ผ๋ก ๋์ํ์ง๋ง ํจ์ฌ ๋ ๊ฐ๊ฒฐํ ์ฝ๋๋ก ์..