Thumbnail
BEST
개발 · 프로그래밍 프로그래밍 언어

타입스크립트의 모든 것 대시보드

(5)
10개의 수강평 ∙  210명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: yongsoocho
총 76개 수업 (7시간 56분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.

Node.js 진영의 표준, TypeScript 어떻게 쓰고 계신가요? 타입 주석만 달고 계신다면 진짜 타입스크립트가 아닙니다. 무엇을 좋아할지 몰라서 다 준비했습니다. 타입스크립트 A to Z를 알아봅시다 :)

✍️
이런 걸
배워요!
ES6+
Typescript
Deno

자바스크립트 개발자라면 레벨 업! 
처음 시작하는 타입스크립트 A to Z. 

TypeScript, 왜 써야 할까요?

“TypeScript를 사용하면 JavaScript로 더 크고 강력한 시스템을 구축할 수 있다.”
― Ryan Dahl (Node.js 창시자)

크고 강력한 시스템이란 어떤 것을 의미할까요? 저는 “크고” = “파일이 많은 객체지향 프로그래밍” = “강력한” = “런타임/컴파일 단계에서 에러가 없는” 이라는 뜻으로 생각이 됩니다.

타입스크립트 학습을 고민하는 개발자라면, 강의를 들으며 타입스크립트가 어떻게 크고 강력해질 수 있는지 알아가봅시다 :)


지금 TypeScript 개발자로 
업그레이드해야 할 이유!

타입스크립트 개발자는 자바스크립트 개발자보다 평균적으로 높은 연봉 추세를 보이고 있습니다. 사실 자바스크립트 개발자가 타입스크립트를 배우는 비용은 크지 않습니다. 하지만, 타입스크립트를 대충 배운다면 오히려 코딩 피로도만 올라가고 장점은 극대화하기 힘듭니다. 따라서, 좋은 타입스크립트 개발자가 되기 위해서는 타입스크립트를 유연하게 사용하는 법에 대해 잘 알고 있어야 합니다.

타입스크립트는 선택이 아니라 필수입니다.

마이크로소프트에서 만든 언어, 타입스크립트는 구글이 공식적으로 사용한 이래 미친듯한 상승세를 보이며 어느덧 상위권 언어에 위치하고 있습니다.

여러분이 React, Vue, NestJS 개발자라면 더욱이 개발자 채용 공고에서 타입스크립트 경험자를 찾는 글이 많음을 알 수 있습니다. 스타트업에 취직하든, 대기업에 취직을 하든 지금 시점에서 Node.js 진영의 개발자라면 타입스크립트는 필수입니다.

개발 더 잘하고 싶은 JavaScript 개발자라면, TypeScript 학습을 놓치지 마세요! 

💡 Node.js 런타임에서 개발을 하시는 분

💡 TypeScript를 잘 써보고 싶은 개발자

💡 Deno를 경험해보고 싶은 개발자


이 강의에서는 
이런 내용을 배워요 🏃

1. 타입스크립트에서 자주 쓰이는 ES6+ 문법

타입스크립트에도 자주 쓰이는 ES6+ 문법을 간단히 짚고 넘어갑니다! (필수 과정이 아닙니다. 이미 ES6에 대해 잘 아신다면 건너뛰셔도 됩니다.)

2. 타입스크립트 기초

처음 배우시는 분들도 따라오기 쉽도록 기초적인 타입스크립트 문법을 익힙니다. (필수 과정이 아닙니다. 타입스크립트를 써보셨다면 건너뛰셔도 됩니다!)

3. 타입스크립트 중급

자바스크립트에 대한 이해도가 있는 분들이 따라올 수 있는 타입스크립트 중급 문법을 배웁니다! (타입스크립트 예제의 근간이 되는 섹션이므로 듣기를 강력히 권합니다.)

4. 타입스크립트의 유용한 잡기술

타입스크립트를 사용할 때 가끔씩 쓰이는, 알아두면 좋은 타입들에 대해 소개합니다. (필수 과정이 아닙니다만, 알아서 나쁠 게 없습니다. 섹션 자체가 짧으니 편하게 들으시길 추천드립니다!)

5. 타입스크립트 예제

지루한 이론 수업이 끝났다면, 이제 배운 타입스크립트로 재미있게 활용해봅시다! (반드시 들으시는 것을 추천드립니다. 이 강의에서 제일 핵심적인 내용입니다.)

6. 타입스크립트와 백엔드 with NestJS

NestJS에서 최대한 효율적으로 타입스크립트를 사용해봅시다. (NestJS는 백엔드 프레임워크지만, 프론트엔드 개발자 분들에게도 반드시 도움이 될 것입니다.)

7. 타입스크립트 런타임, Deno

새로운 런타임 Deno! 달라진 점을 알아봅시다.
(Deno를 완벽히 배우기보다는 미리 경험해본다는 느낌으로 가볍게 듣는 걸 추천드립니다. Deno는 상용화가 되려면 조금 더 익어야 합니다.)


Q&A 💬

Q. 강의가 계속 업데이트되나요?

현재 TypeScript4을 기준으로 촬영 중이며, TypeScript5 문법도 추가로 촬영할 예정입니다. 이후 추가적인 변동사항이나 중요한 업데이트가 생기면 강의를 업데이트할 예정입니다. (23년 하반기까지)

Q. 타입스크립트 문법을 아예 몰라도 되나요?

네! 타입스크립트 문법을 1부터 10까지 모두 다루기 때문에 1도 모르셔도 됩니다. 다만 기초적인 바닐라 자바스크립트 문법은 꼭 알고 계셔야 합니다. ES6+ 문법을 중요한 부분을 짚고 넘어가지만 미리 알고 계신다면 더욱 좋습니다.

Q. NestJS에 대해 깊이 다루나요?

이 강의는 타입스크립트 강의기 때문에 NestJS 섹션에서 백엔드의 설명과 코드 품질을 고려한 코딩은 따로 하지 않습니다. 오로지 NestJS에서 타입스크립트를 어떻게 효율적으로 쓸 수 있을지만을 고려한 섹션입니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Node.js 런타임에서 개발을 하시는 분
Deno를 경험해보고 싶은 분
TypeScript를 잘 써보고 싶은 분
📚
선수 지식,
필요할까요?
기초적인 JavaScript 문법

안녕하세요
yongsoocho 입니다.
yongsoocho의 썸네일

안녕하세요! 조용수입니다. 제 경험을 자유롭게 공유하고 싶습니다
yongsoocho578@gmail.com 으로 피드백과 의견은 환영입니다 :)

커리큘럼 총 76 개 ˙ 7시간 56분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. (이론) 타입스크립트 기초
섹션 설명 06:01
Git 주소
타입 주석과 추론 07:09
인터페이스 05:50
배열과 튜플 09:29
enum 과 literal 10:28
enum (보충)
함수 타입과 type 12:46
함수 타입 never (보충) 04:40
null 과 undefined 06:57
섹션 2. (이론) 타입스크립트 중급
섹션 설명 01:17
클래스 - 접근제한자와 getter setter 14:07
클래스 - readonly 와 생성자 11:37
클래스 (보충)
대수타입 - union, intersection 11:09
key와 같이 쓰는 타입 - 1 04:48
key와 같이 쓰는 타입 - 2 03:45
key와 같이 쓰는 타입 - 3 07:39
제네릭 - 1 06:14
제네릭 - 2 08:19
제네릭 - 3 08:36
데코레이터 - 1 10:51
데코레이터 - 2 10:24
데코레이터 - 3 08:29
섹션 3. (이론) 타입스크립트 잡기술
섹션 설명 01:03
ts-node 05:50
! 과 타입 단언 06:09
! 과 타입 단언 (보충)
any와 unknown 03:06
typeof 04:09
조건부 타입 04:06
타입스크립트 모듈 - 1 02:30
타입스크립트 모듈 - 1 (보충)
타입스크립트 모듈 - 2 02:32
타입스크립트 모듈 - 3 02:44
섹션 4. (실전) 타입스크립트 예제
섹션 설명 00:59
예제0) 함수 + 인터페이스 > 클래스 12:49
함수 클래스 보충 설명 08:47
함수 클래스 보충의 보충 설명 04:28
예제1) 인터페이스로 설계하기 14:14
예제2) 함수는 객체 06:08
예제3) 데이터 무결성 08:45
예제4) 타입 가드 09:25
예제5) 타입 분기 12:08
타입 가드/분기 보충 설명 09:44
예제6) abstract class 와 interface 12:29
예제7) 비동기 타입스크립트 06:57
예제8) Singleton 패턴 05:28
예제9) Adapter 패턴 07:01
예제10) Builder 패턴 10:57
예제11) Builder 패턴을 Decorator로 리팩토링 10:48
예제12) 리터럴 타입 + 벡틱 03:50
섹션 5. (실전) 타입스크립트와 React (업데이트.ver)
섹션 설명 01:07
프로젝트 세팅 02:49
UI 제작 및 useState 타입 12:21
props 와 component 타입 14:22
context api 타입 06:19
섹션 6. (실전) 타입스크립트와 NestJS
섹션 설명 01:50
깃 주소
타입스크립트와 Controller 12:31
타입스크립트와 service 07:09
타입스크립트와 response 04:42
builder로 리팩토링 10:59
섹션 7. (이론) 타입스크립트와 데노(Deno)
섹션 설명 01:00
필독! (보충)
타입스크립트 런타임?? 02:34
flag 05:54
task 03:07
module 03:23
await 03:02
섹션 8. 업데이트.. 준비중
.
강의 게시일 : 2023년 01월 06일 (마지막 업데이트일 : 2023년 06월 10일)
수강평 총 10개
수강생분들이 직접 작성하신 수강평입니다.
5
10개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
ryu0114 thumbnail
5
열심히 수강중이며 예시를 잘 들어주시고 나름 만족합니다!
2023-09-13
재롱이 thumbnail
5
절반 가까이 듣고 있는데 정말 잘 알려주십니다!
2023-03-26
후 니 thumbnail
5
타입스크립트 처음 시작했는데 정말 유익한 강의였습니다 👍
2023-01-17
alrnr3521 thumbnail
5
good!
2023-04-01
코딩하는고라니 thumbnail
5
타입스크립트 입문자들 분들이나 아예 처음 시작하신 분들에게 유용할 것 같네요. 기초적인 내용을 잘 다루어 주십니다.
2023-01-17
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!