๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Front-end/React

React ์‹œ์ž‘

by ciocio 2021. 8. 19.

๐Ÿ“Œ  React?

 

React๋Š” UI ๊ธฐ๋Šฅ๋งŒ ์ œ๊ณตํ•œ๋‹ค.

๋”ฐ๋ผ์„œ, ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ, ๋ผ์šฐํŒ…, ๋นŒ๋“œ ์‹œ์Šคํ…œ ๋“ฑ์„ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง์ ‘ ๊ตฌ์ถ•ํ•ด์•ผํ•œ๋‹ค. 

-->  ์ง์ ‘ ๋งŒ์ ธ๋ณด๋ฉด์„œ ์ด ํŠน์ง•์„ ์—ฌ์‹คํžˆ ๋Š๊ผˆ๋‹ค. ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋”๋ผ๋„์ˆ˜์‹ญ ์ˆ˜๋ฐฑ๊ฐ€์ง€์˜ ๋ฐฉ๋ฒ•์ด ์žˆ๋”๋ผ.

 

๊ทธ๋ž˜์„œ React๋ฅผ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ˜น์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค๊ณ  ํ•œ๋‹ค.

๋นŒ๋“œ ์‹œ์Šคํ…œ์ด๋‚˜ ๋ผ์šฐํŒ… ๋“ฑ์„ ์ง์ ‘ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์€ ์ง„์ž…์žฅ๋ฒฝ์„ ๋†’ํžˆ๊ธฐ ๋•Œ๋ฌธ์— ์ด๋ฅผ ํ—ˆ๋ฌผ๊ณ ์ž

React์ธก์—์„œ CRA๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค. (ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ์ด๋ฅผ ๋ชจ๋‘ ๊ตฌ์ถ•ํ•ด์„œ ์ œ๊ณตํ•œ๋‹ค ใ…Žใ…Ž)

 

๐Ÿ“Œ  ์ž…๋ฌธ ํ•„์ˆ˜ ์ง€์‹

 

โœ”  ํ”„๋ ˆ์ž„์›Œํฌ(Frame-work) ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(Library) ์ฐจ์ด

 

โœ”  React CRA ? ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ ?

 

โœ”  (๊ทธ๋™์•ˆ ๋ชฐ๋ž๋˜) Babel์˜ ์—ญํ• 

 

โœ”  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ชจ๋“ˆ ๊ฐ„ import์™€ export๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋Š” bundler

 

โœ”  this๊ฐ€ ๊ฒฐ์ •๋˜๋Š” ์‹œ์ ์€ ์„ ์–ธ๋œ ์‹œ์ ์ด ์•„๋‹ˆ๋ผ, ๋ฉ”์„œ๋“œ/ ํ•จ์ˆ˜๋ฅผ ์–ด๋–ค ์ฃผ์ฒด๊ฐ€ ์‹คํ–‰ํ–ˆ๋Š”์ง€์— ๋”ฐ๋ผ ๊ฒฐ์ •๋œ๋‹ค

 

โœ”  ์•„.. bind( )๊ฐ€ ์ด๋Ÿฐ ์˜๋ฏธ์˜€๊ตฌ๋‚˜ !! (์‹คํ–‰ ์ฃผ์ฒด ๊ฐ•์ œ ์ง€์ •)

 

 

 

 

์ฐธ๊ณ  ์ž๋ฃŒ

https://geniee.tistory.com/9?category=848931 

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€