๐ React?
React๋ UI ๊ธฐ๋ฅ๋ง ์ ๊ณตํ๋ค.
๋ฐ๋ผ์, ์ ์ญ ์ํ ๊ด๋ฆฌ, ๋ผ์ฐํ , ๋น๋ ์์คํ ๋ฑ์ ๊ฐ๋ฐ์๊ฐ ์ง์ ๊ตฌ์ถํด์ผํ๋ค.
--> ์ง์ ๋ง์ ธ๋ณด๋ฉด์ ์ด ํน์ง์ ์ฌ์คํ ๋๊ผ๋ค. ๊ฐ์ ๊ธฐ๋ฅ์ ๊ตฌํํ๋๋ผ๋์์ญ ์๋ฐฑ๊ฐ์ง์ ๋ฐฉ๋ฒ์ด ์๋๋ผ.
๊ทธ๋์ React๋ฅผ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํน์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ผ๊ณ ๋ถ๋ฅธ๋ค๊ณ ํ๋ค.
๋น๋ ์์คํ ์ด๋ ๋ผ์ฐํ ๋ฑ์ ์ง์ ๊ตฌ์ถํ๋ ๊ฒ์ ์ง์ ์ฅ๋ฒฝ์ ๋ํ๊ธฐ ๋๋ฌธ์ ์ด๋ฅผ ํ๋ฌผ๊ณ ์
React์ธก์์ CRA๋ฅผ ๋ง๋ค์๋ค. (ํ๋ ์์ํฌ๋ ์ด๋ฅผ ๋ชจ๋ ๊ตฌ์ถํด์ ์ ๊ณตํ๋ค ใ ใ )
๐ ์ ๋ฌธ ํ์ ์ง์
โ ํ๋ ์์ํฌ(Frame-work) ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ(Library) ์ฐจ์ด
โ React CRA ? ๋ณด์ผ๋ฌ ํ๋ ์ดํธ ?
โ (๊ทธ๋์ ๋ชฐ๋๋) Babel์ ์ญํ
โ ์๋ฐ์คํฌ๋ฆฝํธ ๋ชจ๋ ๊ฐ import์ export๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ๋ bundler
โ ์.. bind( )๊ฐ ์ด๋ฐ ์๋ฏธ์๊ตฌ๋ !! (์คํ ์ฃผ์ฒด ๊ฐ์ ์ง์ )
์ฐธ๊ณ ์๋ฃ
https://geniee.tistory.com/9?category=848931
'Front-end > React' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
REACT ์ปดํฌ๋ํธ ์๋ช ์ฃผ๊ธฐ Component Life Cycle (0) | 2021.10.01 |
---|---|
styled-component, useState ์ฌ์ฉํด์ Tag ๋ง๋ค๊ธฐ๋ฅผ ๊ฐ์ฅํ testCase ์ฝ์ง๊ธฐ (0) | 2021.09.15 |
ํญ๊ณตํธ ๊ฒ์์ฐฝ ๋ง๋ค๋ฉด์ useEffect ๊ณต๋ถํ๊ธฐ (0) | 2021.09.07 |
React To Do List ๋ง๋ค๋ฉด์ useState, useRef ๊ณต๋ถํ๊ธฐ (0) | 2021.08.26 |
React ์ข์์ ๋ฒํผ ๋ง๋ค๋ฉด์ state ๊ณต๋ถ (0) | 2021.08.25 |
๋๊ธ