Thumbnail
BEST
개발 · 프로그래밍 백엔드

Node.js에 TypeScript 적용하기(feat. NodeBird) 대시보드

(4.6)
13개의 수강평 ∙  453명의 수강생

29,700원

지식공유자: 조현영
총 26개 수업 (5시간 16분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

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

✍️
이런 걸
배워요!
node.js에 typescript 적용
typescript 라이브러리 개발
기존 js 라이브러리에 타이핑 적용

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

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


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

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


강의 특징 💡 

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

이런 걸 배워요 ✏️

  1. 노드 프로젝트에 타입스크립트 적용하기
  2. 기존 js 라이브러리에 타이핑 추가하기(또는 잘못된 타이핑 수정하기)
  3. 타입스크립트 라이브러리 만들기(axios 따라 만들기)

#1
소스 코드를
제공합니다.

https://github.com/ZeroCho/ts-nodebird (바로가기)

해당 강의의 소스 코드를 모두 제공합니다.

#2
질문에 빠르게
대답해 드립니다.

제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드려요.
강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부해 보세요.
내용을 이해하기에 더 도움이 될 거예요!


여기서 다루는 툴 🧰 

WebStormVisual 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 강좌를 듣고 오시면 더 좋아요

안녕하세요
조현영 입니다.
조현영의 썸네일

제 강의의 장점은 Q&A입니다. 24시간 이내에 무조건 답변드립니다! 다만 여러분들도 질문을 잘 해주셔야 합니다.

https://www.zerocho.com/lecture

제로초 강의 전체 로드맵

 

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 개발파트장)
- 스모어톡 CTO

커리큘럼 총 26 개 ˙ 5시간 16분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 프로젝트 구조 갖추기
강좌 소개 미리보기 07:56
초기 세팅 10:38
express와 ts-node 09:52
module resolution 07:46
express 미들웨어 11:03
시퀄라이즈 20:50
시퀄라이즈 모델들 14:41
passport 설정하기 05:21
섹션 1. 타입스크립트 적용하기
라우터 만들기 미리보기 07:55
files와 typeRoots 옵션 09:42
ambient module 13:27
상황에 맞게 인터페이스 수정하기 10:44
시퀄라이즈 관계 메서드 08:33
user, post 라우터 만들기 24:54
라우터 완성하기 15:26
타입스크립트가 못 하는 것 12:07
타이핑 효율적으로 하기와 Q&A 15:37
섹션 2. 라이브러리에 타이핑 적용하기
타입 없는 라이브러리 타이핑하기 12:28
다양한 케이스 커버를 위한 오버로딩 09:05
타이핑 공유하기 15:26
섹션 3. 직접 타입스크립트 라이브러리 만들기
axios ts 라이브러리 만들기 미리보기 11:22
xhr로 구현하기 09:25
config와 withCredentials 10:48
axios defaults 09:26
라이브러리 빌드하기 19:45
섹션 4. 보너스
TS4.0 이후 강좌 코드 변경점 12:24
강의 게시일 : 2020년 04월 20일 (마지막 업데이트일 : 2020년 09월 01일)
수강평 총 13개
수강생분들이 직접 작성하신 수강평입니다.
4.6
13개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
로날루영 thumbnail
5
타입스크립트를 이해하는데 도움이 많이 되었습니다
2022-05-04
mhr thumbnail
5
선수 강의를 들으신 분이라면 들어볼만 한 것 같습니다.
2022-01-21
zsx528 thumbnail
5
새로운 지식이 쌓여가는게 뿌듯합니다
2022-02-21
김범준 thumbnail
5
단계별로 자세하게 설명해주십니다 ㅎㅎ 강의 좋아요. 그런데 아쉬운 점 2가지 ㅜㅜ 1. 강의의 문제는 아닌데 강의가 나온 직후, TS 버전 4가 나오면서, 최신 Ts 문법과는 약간의 차이가 있는 점. 2. 프로젝트를 GitHub에 강의 별로 커밋을 남겨주셨으면, 강의를 따라가고 달라진 코드를 확인하기가 더 쉬웠을거 같습니다 ㅜ
2020-12-09
새람 thumbnail
5
Node Js를 배우고나니깐 이제는 TS로 해야한다고 해서 결재 후 학습 했는 데 정말 좋습니다
2022-07-13