Inflearn brand logo image
Inflearn brand logo image
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

๋ฆฌ์•กํŠธ ๊ธฐ์ดˆ (Introduction to React)

๋ฆฌ์•กํŠธ๋ฅผ ํ™œ์šฉํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ”๊ณ  ์‹ค๋ฌด์— ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์—ญ๋Ÿ‰์„ ํ‚ค์›Œ๋ณด์ž!

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[ํ”„๋ก ํŠธ์—”๋“œ, React] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • ๋ฆฌ์•กํŠธ ๊ธฐ์ดˆ

  • ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ

  • RESTful API ์—ฐ๋™

๋ฆฌ์•กํŠธ ๊ธฐ์ดˆ

- Introduction to React


โ—พ ๊ฐ•์‚ฌ - ๊น€๊ฒฝ๋ฏผ ๊ต์ˆ˜ (๋ถ€์‚ฐ๋Œ€ํ•™๊ต ์†Œํ”„ํŠธ์›จ์–ด์œตํ•ฉ๊ต์œก์›)


๐ŸŽฏ ๊ฐ•์˜๋ชฉํ‘œ


๋ฆฌ์•กํŠธ์˜ ํ•ต์‹ฌ ๊ฐœ๋…๊ณผ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜๋ฅผ ์ดํ•ดํ•˜๊ณ , ์ด๋ฅผ ํ™œ์šฉํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ”๊ณ  RESTful API์™€์˜ ์—ฐ๋™์„ ํ†ตํ•ด ์‹ค๋ฌด์— ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์—ญ๋Ÿ‰์„ ํ‚ค์šด๋‹ค.


๐ŸŽฏ ๊ฐ•์˜๊ฐœ์š”


  1. ๋ฆฌ์•กํŠธ์˜ ๊ธฐ์ดˆ ๊ฐœ๋…๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด ๊ธฐ๋ณธ ํ›…, ๋ฆฌ์•กํŠธ ๋ผ์šฐํ„ฐ, Recoil, RESTful API ์—ฐ๋™ ๋“ฑ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์— ํ•„์š”ํ•œ ํ•ต์‹ฌ ๊ธฐ์ˆ ์„ ํ•™์Šตํ•œ๋‹ค.

  2. RESTful API์™€์˜ ์—ฐ๋™ ์‹ค์Šต์„ ํ†ตํ•ด ์‹ค์ œ ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ์‹ค๋ฌด ์—ญ๋Ÿ‰์„ ๊ธฐ๋ฅธ๋‹ค.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๋Šฅ๋ ฅ์„ ๊ธฐ๋ฅด๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ๋ฆฌ์•กํŠธ์˜ ํ•ต์‹ฌ ๊ฐœ๋…๊ณผ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜๋ฅผ ์ดํ•ดํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

13,910

๋ช…

์ˆ˜๊ฐ•์ƒ

195

๊ฐœ

์ˆ˜๊ฐ•ํ‰

3

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

47

๊ฐœ

๊ฐ•์˜

๋ถ€์‚ฐ๋Œ€ํ•™๊ต ์†Œํ”„ํŠธ์›จ์–ด์œตํ•ฉ๊ต์œก์›์ž…๋‹ˆ๋‹ค.

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

23๊ฐœ โˆ™ (7์‹œ๊ฐ„ 59๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!

๋ฌด๋ฃŒ