개발 · 프로그래밍

백엔드

Node.js에 TypeScript 적용하기(feat. NodeBird)

Name: Node.js에 TypeScript 적용하기(feat. NodeBird)
Price: 29700 KRW

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

(4.4) 수강평 14개

수강생 465명

제로초(조현영)

Node.js 웹앱 TypeScript

중급자를 위해 준비한
[웹 개발, 백엔드] 강의입니다.

이런 걸 배울 수 있어요

node.js에 typescript 적용
typescript 라이브러리 개발
기존 js 라이브러리에 타이핑 적용

자바스크립트 서버 개발, 한 걸음 더!
타입스크립트로 더 좋은 코드를 완성하세요.

노드에 타입스크립트를
적용해봅시다! 📝

자바스크립트는 실행되기 전까지는 에러가 나지 않는 경우가 많습니다. 노드로 서버를 만드는 경우는 서버 코드가 실행되기 전까지는 에러가 발생하지 않는 경우가 생긴다는 것이죠. 코딩을 할 때는 문제가 없어보이다가 막상 서비스를 운영할 때 에러가 나는 경우가 많습니다. 노드는 기본적으로 싱글스레드이므로 에러 하나만 나도 서비스가 중단되어버리므로 치명적입니다.

더 아쉬운 점은 대부분의 문제가 타이핑과 관련된 문제라는 것입니다. 사소하면서도 에러가 발생하면 어이없는 경우가 많습니다. 타입스크립트를 적용하면 대부분의 문제를 해결할 수 있습니다.

강의 특징 💡

NodeBird(트위터 따라 만들기) 강좌의 예제를 타입스크립트로 전환합니다.
passport-local과 axios 라이브러리를 타입스크립트로 전환합니다.

이런 걸 배워요 ✏️

노드 프로젝트에 타입스크립트 적용하기
기존 js 라이브러리에 타이핑 추가하기(또는 잘못된 타이핑 수정하기)
타입스크립트 라이브러리 만들기(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 강좌를 듣고 오시면 더 좋아요

안녕하세요
입니다.

63,866

명

수강생

1,524

개

수강평

9,604

개

답변

4.8

점

강의 평점

개

강의

제 강의의 장점은 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분)

섹션 1. 프로젝트 구조 갖추기

8개 ∙ (1시간 28분)

1. 강좌 소개
07:56
2. 초기 세팅
10:38
3. express와 ts-node
09:52
4. module resolution
07:46
5. express 미들웨어
11:03
6. 시퀄라이즈
20:50
7. 시퀄라이즈 모델들
14:41
8. passport 설정하기
05:21

섹션 2. 타입스크립트 적용하기

9개 ∙ (1시간 58분)

9. 라우터 만들기
07:55
10. files와 typeRoots 옵션
09:42
11. ambient module
13:27
12. 상황에 맞게 인터페이스 수정하기
10:44
13. 시퀄라이즈 관계 메서드
08:33
14. user, post 라우터 만들기
24:54
15. 라우터 완성하기
15:26
16. 타입스크립트가 못 하는 것
12:07
17. 타이핑 효율적으로 하기와 Q&A
15:37

섹션 3. 라이브러리에 타이핑 적용하기

3개 ∙ (36분)

18. 타입 없는 라이브러리 타이핑하기
12:28
19. 다양한 케이스 커버를 위한 오버로딩
09:05
20. 타이핑 공유하기
15:26

섹션 4. 직접 타입스크립트 라이브러리 만들기

5개 ∙ (1시간 0분)

섹션 5. 보너스

1개 ∙ (12분)

강의 게시일:

마지막 업데이트일:

수강평

전체

14개

4.4

14개의 수강평

김범준
수강평 4
∙
평균 평점 4.8
5
100% 수강 후 작성
단계별로 자세하게 설명해주십니다 ㅎㅎ 강의 좋아요. 그런데 아쉬운 점 2가지 ㅜㅜ 1. 강의의 문제는 아닌데 강의가 나온 직후, TS 버전 4가 나오면서, 최신 Ts 문법과는 약간의 차이가 있는 점. 2. 프로젝트를 GitHub에 강의 별로 커밋을 남겨주셨으면, 강의를 따라가고 달라진 코드를 확인하기가 더 쉬웠을거 같습니다 ㅜ
김인후
수강평 9
∙
평균 평점 5.0
5
100% 수강 후 작성
Node Js를 배우고나니깐 이제는 TS로 해야한다고 해서 결재 후 학습 했는 데 정말 좋습니다
데릭로
수강평 71
∙
평균 평점 5.0
5
42% 수강 후 작성
타입스크립트를 이해하는데 도움이 많이 되었습니다
zsx528
수강평 2
∙
평균 평점 5.0
5
100% 수강 후 작성
새로운 지식이 쌓여가는게 뿌듯합니다
mhr
수강평 18
∙
평균 평점 4.5
5
65% 수강 후 작성
선수 강의를 들으신 분이라면 들어볼만 한 것 같습니다.

제로초(조현영)님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

중급이상

Next.js, React, react-query

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

초급

Node.js, Express, MySQL

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

DBMS/RDBMS, SQL, MySQL

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

중급이상

클론코딩, React, TypeScript

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

중급이상

디자인 패턴, 객체지향, TypeScript

배달앱 클론코딩 [with React Native]

제로초(조현영)

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

중급이상

React Native

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

초급

소프트웨어 테스트, Jest, react-testing-library

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

중급이상

NestJS, TypeORM, Express

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

초급

JavaScript, 알고리즘, 코딩 테스트

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

중급이상

Vue.js, Node.js, AWS

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

네트워크, tcpip, websockets

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

초급

JavaScript

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

제로초(조현영)

타입스크립트 기본 문법을 배운 상태에서, 유명한 라이브러리들의 복잡한 타입을 분석하는 방법을 알아봅시다.

중급이상

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

초급

TypeScript

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

React, Redux, Node.js

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.

중급이상

React, TypeScript

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!

초급

Redux, MobX

웹 게임을 만들며 배우는 Vue

제로초(조현영)

간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다.

초급

Vue.js, Webpack, Vuex

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스

초급

Node.js, TypeScript, Prisma

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

초급

Node.js, Express, MySQL

R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기

코딩의세계 한태재

React와 Three.js 를 한번에! 인터렉티브 웹의 기초인 Vector부터 GSAP까지 배울 수 있어요. 3가지 예제를 하나의 포트폴리오로 통합하는 팁과 노하우!

초급

인터랙티브 웹, Three.js, TypeScript

Google Sheets로 만드는 마크다운 스티커 메모

제주코딩베이스캠프

간단한 마크다운 메모 웹 애플리케이션을 만들어봅니다. Notion처럼 마크다운을 사용할 수 있는 스티커 메모지에요!

초급

웹앱, JavaScript, ES6

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

MDU 유인동

중고급 개발자로 성장하기 위한 고급 프로그래밍 언어 활용 능력과, 함수형, 객체 지향, LISP 패러다임이 결합된 소프트웨어 설계 및 구현 능력을 기릅니다.

중급이상

멀티 패러다임 프로그래밍, TypeScript, 함수형 프로그래밍

@시코 - TypeScript 제대로 배우기(초중급)

시니어코딩

깊이있는 수업으로 최고의 웹 개발자가 되기 위한 타입스크립트 강좌입니다. 완강 했을 때 타입스크립트의 본질을 꿰뚫을 수 있어, 다음으로 배우게 될 리액트와 넥스트, 네스트 등의 고수가 될 수 있습니다.

초급

TypeScript, React, JavaScript

[수익화] VoyagerX 개발자가 알려주는 바이브 코딩 (왕초보 OK)

신제용

빠른 실행과 검증의 시대, 바이브 코딩으로 누구보다 빠르게 실행하세요! 광고, 결제 등 수익화까지 빼놓지 않고 내 손으로 이루어 보세요.

입문

React, 웹앱, Next.js

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

초급

TypeScript

OpenCV + WebApp (얼굴 눈 검출 웹앱만들기)

Jeonghyun Kim

이미지를 업로드하면 Opencv가 처리하여 얼굴을 검출해주는 웹앱을 만들어 봅니다.

초급

Django, 웹앱, OpenCV

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다.

초급

TypeScript

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

입문

TypeScript, IONIC, 하이브리드 앱

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

초급

MongoDB, Express, React

The Easiest Node.js (Global ver.)

얄팍한 코딩사전

This course covers the essential principles and practical techniques of Node.js that you must know before diving into real-world front-end or back-end development.

초급

Node.js