์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

Node.js์— TypeScript ์ ์šฉํ•˜๊ธฐ(feat. NodeBird)

Node.js์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•ด๋ณด๊ณ , ๊ธฐ์กด npm ํŒจํ‚ค์ง€์— ํƒ€์ดํ•‘์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜, ์ง์ ‘ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งŒ๋“ค์–ด๋ด…์‹œ๋‹ค.

Thumbnail

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

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

  • node.js์— typescript ์ ์šฉ

  • typescript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ฐœ๋ฐœ

  • ๊ธฐ์กด js ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ํƒ€์ดํ•‘ ์ ์šฉ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์„œ๋ฒ„ ๊ฐœ๋ฐœ, ํ•œ ๊ฑธ์Œ ๋”!
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ๋” ์ข‹์€ ์ฝ”๋“œ๋ฅผ ์™„์„ฑํ•˜์„ธ์š”.

๋…ธ๋“œ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ
์ ์šฉํ•ด๋ด…์‹œ๋‹ค! ๐Ÿ“


์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‹คํ–‰๋˜๊ธฐ ์ „๊นŒ์ง€๋Š” ์—๋Ÿฌ๊ฐ€ ๋‚˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ๋…ธ๋“œ๋กœ ์„œ๋ฒ„๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒฝ์šฐ๋Š” ์„œ๋ฒ„ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๊ธฐ ์ „๊นŒ์ง€๋Š” ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ธด๋‹ค๋Š” ๊ฒƒ์ด์ฃ . ์ฝ”๋”ฉ์„ ํ•  ๋•Œ๋Š” ๋ฌธ์ œ๊ฐ€ ์—†์–ด๋ณด์ด๋‹ค๊ฐ€ ๋ง‰์ƒ ์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•  ๋•Œ ์—๋Ÿฌ๊ฐ€ ๋‚˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ๋…ธ๋“œ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ์ด๋ฏ€๋กœ ์—๋Ÿฌ ํ•˜๋‚˜๋งŒ ๋‚˜๋„ ์„œ๋น„์Šค๊ฐ€ ์ค‘๋‹จ๋˜์–ด๋ฒ„๋ฆฌ๋ฏ€๋กœ ์น˜๋ช…์ ์ž…๋‹ˆ๋‹ค.

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


๊ฐ•์˜ ํŠน์ง• ๐Ÿ’ก 

  • NodeBird(ํŠธ์œ„ํ„ฐ ๋”ฐ๋ผ ๋งŒ๋“ค๊ธฐ) ๊ฐ•์ขŒ์˜ ์˜ˆ์ œ๋ฅผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค.
  • passport-local๊ณผ axios ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์›Œ์š” โœ๏ธ

  1. ๋…ธ๋“œ ํ”„๋กœ์ ํŠธ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ ์šฉํ•˜๊ธฐ
  2. ๊ธฐ์กด js ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ํƒ€์ดํ•‘ ์ถ”๊ฐ€ํ•˜๊ธฐ(๋˜๋Š” ์ž˜๋ชป๋œ ํƒ€์ดํ•‘ ์ˆ˜์ •ํ•˜๊ธฐ)
  3. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋งŒ๋“ค๊ธฐ(axios ๋”ฐ๋ผ ๋งŒ๋“ค๊ธฐ)

#1
์†Œ์Šค ์ฝ”๋“œ๋ฅผ
์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

https://github.com/ZeroCho/ts-nodebird (๋ฐ”๋กœ๊ฐ€๊ธฐ)

ํ•ด๋‹น ๊ฐ•์˜์˜ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋ชจ๋‘ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

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

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


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

WebStorm๊ณผ Visual Studio Code๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋‘˜ ์ค‘ ํ•˜๋‚˜๋งŒ ์‚ฌ์šฉํ•˜์…”๋„ ๋ฉ๋‹ˆ๋‹ค.


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

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

A. ์ด ๊ฐ•์ขŒ๋Š” ๋…ธ๋“œ๋‚˜ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ฐ•์˜ํ•˜๊ธฐ๋ณด๋‹ค๋Š” ๊ธฐ๋ณธ์ ์ธ ์ง€์‹์€ ์žˆ๋‹ค๋Š” ๊ฐ€์ • ํ•˜์— ๋…ธ๋“œ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•ด๋ณด๋Š” ํ™œ์šฉ ๊ฐ•์ขŒ์ž…๋‹ˆ๋‹ค. ๊ธฐ์กด ์ œ ๊ฐ•์ขŒ๋“ค์„ ๋“ค์–ด๋ณด์‹  ๋ถ„๋“ค๊ป˜ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค

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

A. https://github.com/ZeroCho/ts-nodebird

Q. ํ”„๋ก ํŠธ์ชฝ์€ ์•ˆ ๋‹ค๋ฃจ๋‚˜์š”?

A. TS + React ๊ฐ•์ขŒ์—์„œ ๋‹ค๋ค˜๊ธฐ ๋•Œ๋ฌธ์— ๋”ฐ๋กœ ๋‹ค๋ฃจ์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ๋‹ค๋งŒ ์†Œ์Šค ์ฝ”๋“œ์˜ ts ํด๋”์— ํ”„๋ก ํŠธ๋ฅผ ts๋กœ ์ „ํ™˜ํ•œ ์ฝ”๋“œ๋Š” ์ฒจ๋ถ€ํ•ด๋‘์—ˆ์Šต๋‹ˆ๋‹ค.


์—ฐ๊ด€ ๊ฐ•์˜ ๐Ÿšฉ

[๋ฆฌ๋‰ด์–ผ] Node.js ๊ต๊ณผ์„œ - ๊ธฐ๋ณธ๋ถ€ํ„ฐ ํ”„๋กœ์ ํŠธ ์‹ค์Šต๊นŒ์ง€
๋…ธ๋“œ ํ•ต์‹ฌ ๊ฐœ๋… + 5๊ฐ€์ง€ ์‹ค์ „ ์˜ˆ์ œ๊นŒ์ง€
์›น ๊ฒŒ์ž„์„ ๋งŒ๋“ค๋ฉฐ ๋ฐฐ์šฐ๋Š” TypeScript
์•ˆ์ •์ ์ธ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์›น ๊ฒŒ์ž„ ์ œ์ž‘

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

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

  • ๋…ธ๋“œ ํ”„๋กœ์ ํŠธ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋„์ž…ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ๊ธฐ์กด ํƒ€์ดํ•‘์ด ๋ฌธ์ œ๊ฐ€ ๋งŽ์•„ ๊ณ ํ†ต๋ฐ›์œผ์‹œ๋Š” ๋ถ„

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

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

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ์ง€์‹

  • ๋…ธ๋“œ ์ง€์‹

  • NodeBird ๊ฐ•์ขŒ๋ฅผ ๋“ฃ๊ณ  ์˜ค์‹œ๋ฉด ๋” ์ข‹์•„์š”

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

62,721

๋ช…

์ˆ˜๊ฐ•์ƒ

1,460

๊ฐœ

์ˆ˜๊ฐ•ํ‰

9,556

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

21

๊ฐœ

๊ฐ•์˜

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

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! Youโ€™ll feel like weโ€™re solving the problems together.

๐Ÿ‘‰ZeroCho Lectures
์ œ๋กœ์ดˆ ๊ฐ•์˜ ์ „์ฒด ๋กœ๋“œ๋งต. A complete roadmap of all my courses is available here.

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

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

๋”๋ณด๊ธฐ

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

์ „์ฒด

26๊ฐœ โˆ™ (5์‹œ๊ฐ„ 16๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

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