[React] React Intro

Hannahhhยท2022๋…„ 7์›” 29์ผ
1

React

๋ชฉ๋ก ๋ณด๊ธฐ
1/30
post-thumbnail

๐Ÿ” React

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ javascript ์˜คํ”ˆ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ, ์›น, ๋ฐ์Šคํฌํƒ‘, ๋ชจ๋ฐ”์ผ ๋“ฑ ๋‹ค์–‘ํ•œ ํ”Œ๋žซํผ์—์„œ ํ™œ์šฉ๋œ๋‹ค.


๐Ÿ‘€ React์˜ 3๊ฐ€์ง€ ํŠน์ง•


โœ” ์„ ์–ธํ˜•

์ฝ”๋“œ๋ฅผ ์ž์„ธํžˆ ๋ถ„์„ํ•˜์ง€ ์•Š๊ณ ๋„ ์ฝ”๋“œ์˜ ์˜๋„๋ฅผ ํŒŒ์•…ํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์ž‘์„ฑํ•œ๋‹ค.


์œ„์˜ ์˜ˆ์ œ์™€ ๊ฐ™์ด JSX๋ผ๋Š” html์™€ javascript๊ฐ€ ๊ฒฐํ•ฉํ•œ ๋ฌธ๋ฒ•์œผ๋กœ ์„ ์–ธํ˜•(๋ช…์‹œ์ )์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์—ฌ ์ง๊ด€์ ์ธ ์ฝ”๋“œ ์ž‘์„ฑ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

๋”ฐ๋ผ์„œ, ๋‹ค๋ฅธ ๊ธฐ์ˆ ์„ ํ•œ ๊ณณ์œผ๋กœ ๋ชจ์•„์„œ ๋ณผ ์ˆ˜ ์žˆ์–ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์ฝ”๋“œ๋งŒ ๋ณด๊ณ ๋„ ์‹ค์ œ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ชจ์Šต๊ณผ ๊ธฐ๋Šฅ์„ ์ƒ์ƒํ•  ์ˆ˜ ์žˆ๋‹ค.


โœ” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜

์ปดํฌ๋„ŒํŠธ๋Š” ํ•˜๋‚˜์˜ ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ์œ„ํ•ด ์—ฌ๋Ÿฌ ์ข…๋ฅ˜์˜ ์ฝ”๋“œ๋กœ ๋ฌถ์–ด๋†“์€ ๊ฒƒ์œผ๋กœ, ์ปดํฌ๋„ŒํŠธ๋กœ ๋ถ„๋ฆฌ ์‹œ, ์„œ๋กœ ๋…๋ฆฝ์ ์ด๊ณ  ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ๋Šฅ ์ž์ฒด์— ์ง‘์ค‘ํ•˜์—ฌ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๊ณ , ์œ ๋‹› ํ…Œ์ŠคํŠธ๋ฅผ ํ•˜๊ธฐ์—๋„ ํŽธ๋ฆฌํ•˜๋‹ค.

๋˜ํ•œ, ์–ด๋–ค ๊ธฐ๋Šฅ์ด ์ž‘๋™ํ•˜์ง€ ์•Š์„ ๋•Œ ๊ทธ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•œ ์ปดํฌ๋„ŒํŠธ์˜ ์ฝ”๋“œ๋ฅผ ๋ณด๊ณ  ์—๋Ÿฌ๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์–ด ์œ ์ง€๋ณด์ˆ˜ ์ธก๋ฉด์—์„œ๋„ ํšจ์œจ์ ์ด๋‹ค.



โœ” ๋ฒ”์šฉ์„ฑ

Javascript ํ”„๋กœ์ ํŠธ ์–ด๋””์—๋“  ์œ ์—ฐํ•˜๊ฒŒ ์ ์šฉ๋  ์ˆ˜ ์žˆ๊ณ (๊ธฐ์กด ํ”„๋กœ์ ํŠธ์— ์ถ”๊ฐ€ํ•˜์—ฌ ์ผ๋ถ€๋งŒ ์ˆ˜์ •ํ•ด์„œ ์ ์šฉ ๊ฐ€๋Šฅ), Facebook์—์„œ ๊ด€๋ฆฌ๋˜์–ด ์•ˆ์ •์ ์ด๊ณ  ์œ ๋ช…ํ•˜๋ฉฐ, ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ๋ชจ๋ฐ”์ผ ๊ฐœ๋ฐœ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค.




Reference: ์ฝ”๋“œ ์Šคํ…Œ์ด์ธ 

0๊ฐœ์˜ ๋Œ“๊ธ€