์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
BEST

์›น ๊ฒŒ์ž„์„ ๋งŒ๋“ค๋ฉฐ ๋ฐฐ์šฐ๋Š” React์— TypeScript ์ ์šฉํ•˜๊ธฐ

๋ฆฌ์•กํŠธ๋กœ ๋งŒ๋“  ์›น ๊ฒŒ์ž„๊ณผ React Router, Redux, MobX์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ถ™์—ฌ๋ณด๋ฉด์„œ ๋ฆฌ์•กํŠธ์™€ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ฐ™์ด ์‚ฌ์šฉํ•ด๋ด…์‹œ๋‹ค.

Thumbnail

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

์ด๋Ÿฐ ๊ฑธ
๋ฐฐ์›Œ์š”!

  • React + TypeScript

  • DefinitelyTyped

  • React Router ํƒ€์ดํ•‘

  • Redux ํƒ€์ดํ•‘

  • MobX ํƒ€์ดํ•‘

๋ฆฌ์•กํŠธ๋กœ ์›น ๊ฒŒ์ž„์„ ๋งŒ๋“ค๊ณ  ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ถ™์—ฌ๋ณด๋Š” ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด
์•ˆ์ •์ ์ธ ๋ฆฌ์•กํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•™์Šตํ•ด ๋ด…๋‹ˆ๋‹ค.

๋ฆฌ์•กํŠธ + ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
์›น๊ฒŒ์ž„ ์˜ˆ์ œ๋กœ ์‹ค๋ฌด์— ์ ์‘ํ•˜์„ธ์š”!

์›น ๊ฒŒ์ž„์„ ๋งŒ๋“ค๋ฉฐ ๋ฐฐ์šฐ๋Š” React์˜ ํ›„์†์ž‘์œผ๋กœ ๊ฐ™์€ ๊ฒŒ์ž„์„ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•˜์—ฌ ๋งŒ๋“ค์–ด๋ด…๋‹ˆ๋‹ค.
๋˜, ์›น ๊ฒŒ์ž„๋งŒ ํƒ€์ดํ•‘ํ•˜๋ฉด ์•„์‰ฌ์šฐ๋‹ˆ๊นŒ ๋ฆฌ์•กํŠธ์™€ ์ž์ฃผ ๊ฐ™์ด ์“ฐ์ด๋Š” React Router, Redux, MobX์— ๋Œ€ํ•œ ํƒ€์ดํ•‘๋„ ๋ฐฐ์›Œ๋ด…๋‹ˆ๋‹ค. Class์™€ Hooks ๋ฌธ๋ฒ• ๋ชจ๋‘ ๊ฐ™์ด ํƒ€์ดํ•‘ํ•ฉ๋‹ˆ๋‹ค.

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ถ™์ž„์œผ๋กœ์จ ๋”๋”์šฑ ์•ˆ์ •์ ์ธ React ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๊ฐ€๋Šฅํ•ด์ง‘๋‹ˆ๋‹ค.


๐ŸŒˆ ๊ฐ•์˜ ์˜ˆ์ œ ๋ฏธ๋ฆฌ๋ณด๊ธฐ

๊ตฌ๊ตฌ๋‹จ, ๋๋ง์ž‡๊ธฐ ๐Ÿ‘‰ ์ˆซ์ž ์•ผ๊ตฌ, ๋ฐ˜์‘์†๋„ ์ฒดํฌ ๐Ÿ‘‰ ๊ฐ€์œ„๋ฐ”์œ„๋ณด, ๋กœ๋˜์ถ”์ฒจ๊ธฐ ๐Ÿ‘‰ ํ‹ฑํƒํ†  ๐Ÿ‘‰ ์ง€๋ขฐ์ฐพ๊ธฐ ์›น๊ฒŒ์ž„์„ ํ†ตํ•ด ๋ฆฌ์•กํŠธ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•˜๋Š” ๋ฒ•์„ ํ•™์Šตํ•ด๋ด…๋‹ˆ๋‹ค.

๐Ÿ™Œ ์—ฌ๊ธฐ์„œ ๋‹ค๋ฃจ๋Š” ํˆด

ํฌ๋กฌ ๋ธŒ๋ผ์šฐ์ €์™€ Visual Studio Code(๋˜๋Š” ์›น์Šคํ†ฐ)์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.


๐Ÿ—’ ์งˆ๋ฌธ์— ๋น ๋ฅด๊ฒŒ
๋Œ€๋‹ตํ•ด ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ œ ๊ฐ•์ขŒ์˜ ์žฅ์ ์€ Q&A์ž…๋‹ˆ๋‹ค. ์งˆ๋ฌธํ•˜์‹œ๋ฉด ํ•˜๋ฃจ ์•ˆ์— ๋‹ต๋ณ€๋“œ๋ ค์š”.
๊ฐ•์ขŒ ๊ด€๋ จ ๋‚ด์šฉ์„ ์ž์œ ๋กญ๊ฒŒ ์งˆ๋ฌธํ•˜์‹œ๋ฉด์„œ ๋Šฅ๋™์ ์œผ๋กœ ๊ณต๋ถ€ํ•ด ๋ณด์„ธ์š”.
๋‚ด์šฉ์„ ์ดํ•ดํ•˜๊ธฐ์— ๋” ๋„์›€์ด ๋  ๊ฑฐ์˜ˆ์š”!


๐Ÿ™‹๐Ÿปโ€โ™‚๏ธ ์˜ˆ์ƒ ์งˆ๋ฌธ QnA

Q. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ช‡ ๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜๋‚˜์š”?

A. 3.8๋ฒ„์ „์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ทธ ์ดํ›„ ๋ฒ„์ „์„ ์„ค์น˜ํ•˜์…”๋„ ๋ฌด๋ฐฉํ•ฉ๋‹ˆ๋‹ค.

Q. ์†Œ์Šค์ฝ”๋“œ๋Š” ์–ด๋””์— ์žˆ๋‚˜์š”?

A. https://github.com/zerocho/ts-react 

Q. ๋ฆฌ์•กํŠธ, ๋ฆฌ๋•์Šค ๊ฐœ๋…๋„ ๋‹ค๋ฃจ๋‚˜์š”?

A. ์ด ๋ถ€๋ถ„์€ ์•„๋ž˜ ์„ ์ˆ˜๊ณผ๋ชฉ์„ ๋จผ์ € ๋“ฃ๊ณ  ์˜ค์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฐ•์ขŒ์—๋Š” ํƒ€์ดํ•‘์„ ๋ถ™์ด๋Š” ๊ฒƒ๋งŒ ์„ค๋ช…ํ•˜๊ณ , ๊ทธ ์ž์ฒด์˜ ๊ฐœ๋…์€ ์„ค๋ช…ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

Q. ์„ ์ˆ˜๊ณผ๋ชฉ์ด ์žˆ๋‚˜์š”?

A. ์›น๊ฒŒ์ž„์„ ๋งŒ๋“ค๋ฉฐ ๋ฐฐ์šฐ๋Š” React ๊ฐ•์ขŒ, ์›น๊ฒŒ์ž„์„ ๋งŒ๋“ค๋ฉฐ ๋ฐฐ์šฐ๋Š” TypeScript๋ฅผ ๋ณด์‹œ๊ณ  ์˜ค์…”์•ผ ๋ฉ๋‹ˆ๋‹ค. TypeScript ๊ฐ•์ขŒ๋Š” ์œ ๋ฃŒ์ด๋ฏ€๋กœ ๊ณต์‹๋ฌธ์„œ๋ฅผ ๋ณด์‹œ๋Š” ๊ฒƒ์œผ๋กœ ์–ด๋Š ์ •๋„ ๋Œ€์ฒด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

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

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

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์› ์œผ๋‚˜ ๋ฆฌ์•กํŠธ์— ์–ด๋–ป๊ฒŒ ๋ถ™์—ฌ์•ผํ• ์ง€ ๋ชจ๋ฅด๊ฒ ๋Š” ๋ถ„

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์™€ ๋ฆฌ์•กํŠธ๋ฅผ ์‹ค๋ฌด์—์„œ ์‚ฌ์šฉํ•˜์‹ค ๋ถ„

  • ๋‚จ์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํƒ€์ดํ•‘์— ๋‘๋ ค์›€์„ ๊ฐ–๊ณ  ๊ณ„์‹  ๋ถ„

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

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ๋ฒ• ์ง€์‹

  • ๋ฆฌ์•กํŠธ ์›น๊ฒŒ์ž„ ๊ฐ•์ขŒ

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์›น๊ฒŒ์ž„ ๊ฐ•์ขŒ

  • Redux, MobX ๊ธฐ์ดˆ ๊ฐœ๋…

์•ˆ๋…•ํ•˜์„ธ์š”
์ œ๋กœ์ดˆ(์กฐํ˜„์˜)์ž…๋‹ˆ๋‹ค.

61,673

๋ช…

์ˆ˜๊ฐ•์ƒ

1,425

๊ฐœ

์ˆ˜๊ฐ•ํ‰

9,501

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

21

๊ฐœ

๊ฐ•์˜

์ œ ๊ฐ•์˜์˜ ์žฅ์ ์€ Q&A์ž…๋‹ˆ๋‹ค(์ธํ”„๋Ÿฐ ๋‹ต๋ณ€์™• 2ํšŒ ์ˆ˜์ƒ). 24์‹œ๊ฐ„ ์ด๋‚ด์— ์ตœ๋Œ€ํ•œ ๋‹ต๋ณ€๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๊ฐ™์ด ๊ณ ๋ฏผํ•œ๋‹ค๋Š” ๋Š๋‚Œ์œผ๋กœ ๋‹ต๋ณ€ ๋“œ๋ฆด๊ฒŒ์š”!

https://www.zerocho.com/lecture

์ œ๋กœ์ดˆ ๊ฐ•์˜ ์ „์ฒด ๋กœ๋“œ๋งต

 

โ€“ Node.js๊ต๊ณผ์„œ, ์ฝ”๋”ฉ์ž์œจํ•™์Šต ์ œ๋กœ์ดˆ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, Let's Get IT ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ต๊ณผ์„œ ์ €์ž 
โ€“ ZeroCho.com ์šด์˜์ž
โ€“ ํ˜„) ์œ ํŠœ๋ธŒ์—์„œ ZeroCho TV๋กœ ๊ฐœ๋ฐœ ๊ด€๋ จ ๋ฐฉ์†ก์ค‘ 
โ€“ ํ˜„) ์Šค๋ชจ์–ดํ†ก CTO 
โ€“ ์ „) ์˜ค๋Š˜์˜ํ”ฝ์—… CTO(์นด์นด์˜ค๋ชจ๋นŒ๋ฆฌํ‹ฐ์— ์—‘์‹ฏ ํ›„ ์นด์นด์˜ค๋ชจ๋นŒ๋ฆฌํ‹ฐ ์ตœ์—ฐ์†Œ ๊ฐœ๋ฐœํŒŒํŠธ์žฅ)

๋”๋ณด๊ธฐ

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

์ „์ฒด

36๊ฐœ โˆ™ (7์‹œ๊ฐ„ 38๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

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

โ‚ฉ38,500