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

์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ React ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž…๋ฌธ Part.2

๋ฆฌ์•กํŠธ(React)๋Š” ํŽ˜์ด์Šค๋ถ์—์„œ ๋งŒ๋“  ์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์œผ๋กœ UI๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. SPA(Single Page Application)์„ ๋งŒ๋“œ๋Š”๋ฐ ์ตœ์ ํ™”๋œ ํ˜„์žฌ ๊ฐ€์žฅ ์ธ๊ธฐ์žˆ๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›น ๊ฐœ๋ฐœ์„ ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค. Part.2์—์„œ๋Š” ๋ฆฌ์•กํŠธ์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.

Thumbnail

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

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

  • ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•œ ์›น ๊ฐœ๋ฐœ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ๊ฐœ๋…

  • ๋ฆฌ์•กํŠธ์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•

  • ๋‹ท๋„ท์ฝ”์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฑ์—”๋“œ API๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

  • ํ•˜๋‚˜์˜ ์™„์„ฑ๋œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฒ˜๋ฆฌ ์›น์•ฑ ๋งŒ๋“ค๊ธฐ

ํŽ˜์ด์Šค๋ถ์—์„œ ๋งŒ๋“  ์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
React ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž…๋ฌธ (2)

๐Ÿ“ข ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค

  • ๋ณธ ๊ฐ•์˜๋Š” ์ง€์‹๊ณต์œ ์ž์˜ ์งˆ์˜์‘๋‹ต์„ ์ œ๊ณตํ•˜์ง€ ์•Š๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์ˆ˜๊ฐ•์— ์ฐธ๊ณ ํ•ด ์ฃผ์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.
  • ํ•ด๋‹น ๊ฐ•์˜๋Š” 2020๋…„ 10์›”์— ๋งŒ๋“ค์–ด์ง„ ๊ฐ•์˜๋กœ ์ตœ์‹  React์™€ ์ฐจ์ด๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋…น์Œ ํ™˜๊ฒฝ์˜ ๋ฌธ์ œ๋กœ ์•ฝ๊ฐ„์˜ ํ™”์ดํŠธ ๋…ธ์ด์ฆˆ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฆฌ์•กํŠธ๋กœ ํ•˜๋Š” ์›น๊ฐœ๋ฐœ, ํ•จ๊ป˜ ์‹œ์ž‘ํ•ด๋ณผ๊นŒ์š”? ๐Ÿ’โ€โ™€๏ธ

๋ฆฌ์•กํŠธ(React)๋Š” ํŽ˜์ด์Šค๋ถ์—์„œ ๋งŒ๋“  ์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์œผ๋กœ UI๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์œผ๋ฉฐ, SPA(Single Page Application)์„ ๋งŒ๋“œ๋Š”๋ฐ ์ตœ์ ํ™”๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
ํ˜„์žฌ ๊ฐ€์žฅ ์ธ๊ธฐ์žˆ๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ ๋ฆฌ์•กํŠธ! ์ด ๊ฐ•์˜์—์„œ๋Š” ๋ฆฌ์•กํŠธ๋กœ ์›น ๊ฐœ๋ฐœ์„ ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค. Part.2์—์„œ๋Š” ๋ฆฌ์•กํŠธ์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.


ํ•™์Šต ๋ชฉํ‘œ โœ

  • ๋ฆฌ์•กํŠธ(React)๋ฅผ ์‚ฌ์šฉํ•œ ์›น ๊ฐœ๋ฐœ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ๊ฐœ๋…์„ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฆฌ์•กํŠธ์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.
  • ๋‹ท๋„ท์ฝ”์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฑ์—”๋“œ API๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.
  • ํ•˜๋‚˜์˜ ์™„์„ฑ๋œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฒ˜๋ฆฌ ์›น์•ฑ์„ ๋งŒ๋“ค์–ด๋ด…๋‹ˆ๋‹ค.

ํ•จ๊ป˜ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด์„œ ์ง„ํ–‰๋˜๋Š” ์‹ค์Šต

๋ฆฌ์•กํŠธ๋กœ ๋งŒ๋“ค์–ด๋ณด๋Š” ์›น์•ฑ


์—ฐ๊ด€ ๊ฐ•์˜ โœ

์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ React ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž…๋ฌธ

์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ React ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž…๋ฌธ Part.1
๋ฆฌ์•กํŠธ(React)๋ฅผ ์‚ฌ์šฉํ•œ ์›น ๊ฐœ๋ฐœ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ๊ฐœ๋…

์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ React ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž…๋ฌธ Part.2 ํ˜„์žฌ ๊ฐ•์˜
๋ฆฌ์•กํŠธ์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•

์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ React ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž…๋ฌธ Part.3
ํ•˜๋‚˜์˜ ์™„์„ฑ๋œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฒ˜๋ฆฌ ์›น์•ฑ ์ œ์ž‘


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

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

  • ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•œ ์›น ๊ฐœ๋ฐœ์„ ๋ฐฐ์šฐ๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ๋ฆฌ์•กํŠธ์™€ ๋‹ท๋„ท์ฝ”์–ด ๊ธฐ๋ฐ˜ ํ’€์Šคํƒ ๊ฐœ๋ฐœ์„ ํ•˜๊ณ  ์‹ถ์€ ๋ถ„

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

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

์•ˆ๋…•ํ•˜์„ธ์š”
์œ ์šฉํ•œITํ•™์Šต์ž…๋‹ˆ๋‹ค.

8,242,226

๋ช…

์ˆ˜๊ฐ•์ƒ

5,890

๊ฐœ

์ˆ˜๊ฐ•ํ‰

4.6

์ 

๊ฐ•์˜ ํ‰์ 

189

๊ฐœ

๊ฐ•์˜

์œ ์šฉํ•œ IT ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์—ฌ๋Ÿฌ๋ถ„์˜ ์„ฑ์žฅ์„ ๋•๊ฒ ์Šต๋‹ˆ๋‹ค.

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

์ „์ฒด

18๊ฐœ โˆ™ (2์‹œ๊ฐ„ 46๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

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

์ˆ˜๊ฐ•ํ‰

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