728x90
๋ฐ์ํ
React ๋ฆฌ์กํธ
๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ ์ด์
โช๏ธ๋ฆฌ์กํธ์ ์ฅ์ ๊ณผ ๋จ์
/
๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ ์ด์ ๐
โช๏ธ web-app : ๋ชจ๋ฐ์ผ์ฑ์ด๋ ์ฌ์ฉ์ฑ์ด ๋น์ท
โช๏ธ web-app์ ์ฝ๊ฒ ๋ง๋ค ์ ์๋ : React / Angular / Vue
/
[ ๋ฆฌ์กํธ์ ์ฅ์ ]
โ ๋ชจ๋ฐ์ผ์ฑ์ผ๋ก ๋ฐํ์ด ์ฌ์์!
ใด React Native : ๋ชจ๋ฐ์ผ ํ๊ฒฝ๋ ๊ฐ๋ฐ ๊ฐ๋ฅ
(React Native ์ฌ์ฉ์ JS๋ก ๊ฐ๋ฐํด ์๋๋ก์ด๋ ์ฑ๊ณผ IOS ๋์์ ๋ง๋ค ์ ์์)
โ ๋ชจ๋ฐ์ผ์ฑ์ฒ๋ผ ๋น ๋ฅด๊ฒ ์ ํ๋๋ UX๋ก ์ฌ์ฉ์ ๋ง์กฑ ๋์
ใด ๋น ๋ฅธ ์ ๋ฐ์ดํธ์ ๋ ๋๋ง ์๋
โก๏ธ React๋ DOM์ ์ง์ ์์ ํ๋ ๊ฒ์ด ์๋๋ผ ์ ๋ฐ์ดํธ ํด์ผํ ์ต์ํ์ ๋ถ๋ถ๋ง ์ฐพ์์ ๋ณ๊ฒฝํ๊ธฐ ๋๋ฌธ์
โ ์นด์นด์ค ๋ง์ ๋๊ธฐ์ ์์ ์ฌ์ฉํ๋ ๋น์ฆ๋์ค์ ๊ฐ์
โ ์ฌ์ฌ์ฉ์ฑ(Reusability)
ใด ๋ชจ๋ ํ์ด์ง๊ฐ ์ปดํฌ๋ํธ๋ก ๊ตฌ์ฑ๋์ด ์์ด
๋ธ๋ญ์ ์กฐ๋ฆฝํ๋ฏ ํ์ด์ง๋ฅผ ๋ง๋ค ์ ์์ด ์ฝ๋์ ์ฌ์ฌ์ฉ์ด ์ ์ฉํด
โฌโฌโฌ
[ ๋ฆฌ์กํธ์ ๋จ์ ]
โ ๋ฆฌ์กํธ์ ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ด ์ด๋ ค์
ใด ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด ์ง์ ์์ผ๋ฉด ์ดํดํ ์ ์์
โ ๊ณต๋ถํ ๋ด์ฉ์ด ๋ง์
โ ๋ฐ๋ ๋ถ๋ถ๋ง ์ฐพ์ ์ ๋ฐ์ดํธ ํ๋๋ฐ ์์ด์ State ์๊ด๋ฆฌํ๋ ๊ฒ์ด ์ค์ํ๋ฐ, ์ด๋ ค์
โช๏ธ๊ทธ๋์ ๋ณดํต ํฐ ๊ท๋ชจ์ ํ๋ก์ ํธ์ ๊ฒฝ์ฐ ์ด๋ฌํ ์ํ๊ด๋ฆฌ๋ฅผ ์ํด์
Redux, Recoil , Mobx ์ ๊ฐ์ ์ํ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์์ฌ์ฉํ๋ค๊ณ ํจ!
โฌโฌโฌ
/
๐๋ฆฌ์กํธ ๊ณต๋ถํ๊ธฐ ์ ํ์ํ ์ฌ์ ์ง์!
var let const
if else
for
function return
array object ๋ค๋ฃจ๊ธฐ
addEventListener
HTML / CSS
/
๋!
/
์ค๋๋ณด๋ค ๋ด์ผ ๋ ์ฑ์ฅํ๊ธธ ๋ฐ๋ผ๋ฉฐ๐
-
์ค๋๋ณด๋ค ๋ด์ผ ๋ Grow Up๐ค
728x90
๋ฐ์ํ