-
[React.js] ํด๋์ค ์ปดํฌ๋ํธ(Class Components)์ ํจ์ํ ์ปดํฌ๋ํธ(Functional Components)
ํด๋์ค ์ปดํฌ๋ํธ(Class Components)์ ํจ์ํ ์ปดํฌ๋ํธ(Functional Components) ๋ค์ด๊ฐ๋ฉฐ ๋ฆฌ์กํธ(React)๋ ๊ธฐ๋ณธ์ ์ผ๋ก ํด๋์ค ์ปดํฌ๋ํธ(Class Components)์ ํจ์ํ ์ปดํฌ๋ํธ(Functional Components) 2๊ฐ์ง ์ ํ์ ์ปดํฌ๋ํธ๋ฅผ ์ ๊ณตํ๋ค. ์ต์ ๋ฆฌ์กํธ ๋ฒ์ ์์๋ ํจ์ํ ์ปดํฌ๋ํธ์ ํ
์ค(Hooks)๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ๊ถ์ฅ๋๋ฉฐ, ์ํ ๊ด๋ฆฌ๋ ๋ผ์ดํ์ฌ์ดํด ์ด๋ฒคํธ ์ฒ๋ฆฌ๋ฅผ ๋ ๊ฐ๋จํ๊ฒ ํ ์ ์๋ ์ฅ์ ์ด ์๋ค. ๊ทธ๋ฌ๋ ์ด๋ฏธ ํด๋์ค ์ปดํฌ๋ํธ๋ก ์์ฑ๋ ์ฝ๋๊ฐ ๋ง๋ค๋ฉด, ๋ฐ๋ก ๋ณ๊ฒฝํ ํ์๋ ์๋ค. ํด๋์ค ์ปดํฌ๋ํธ์ ํจ์ํ ์ปดํฌ๋ํธ์ ๋ํด ์์๋ณด์. ํด๋์ค ์ปดํฌ๋ํธ(Class Components) ES6์ ํด๋์ค ๋ฌธ๋ฒ์ ์ฌ์ฉํ์ฌ ์์ฑ๋๋ค. @class@ ํค์๋๋ฅผ ์ฌ์ฉํ์ฌ ..
2023.12.14