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

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

(5.0)
26개의 수강평 ∙ 673명의 수강생

36,300원

지식공유자: 조현영
총 39개 수업 (6시간 42분)
수강기한: 무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유
초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.

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

✍️
이런 걸
배워요!
타입스크립트
TSC(컴파일러)
인터페이스, 타입 애일리어스
제네릭, 오버로딩
유틸리티 타입스

이제는 옵션이 아닌 필수 사항,
타입스크립트를 재미있게 배워봐요! 🦾

자바스크립트에서의 실수를
꽉 잡아줘요, 타입스크립트 ➰

Typescript

자바스크립트에 타입이 추가된 것으로,
타입에 관한 문제를 코딩 중에 미리 알려주어
개발자의 실수를 줄여주는 역할을 합니다.

타입스크립트를 공부할 때 가장 막막한 것은 막상 문법은 다 배웠는데 실전에서 응용하지 못한다는 것입니다. 인터페이스, 타입 애일리어스, 제네릭, 맵드 타입스, 인덱스드 시그니처 등을 배워도 언제 어떤 문법을 사용해야 하는지 모른다면 소용이 없죠.

기존에 웹게임을 만들며 배우는 타입스크립트 강좌를 낸 적이 있으나 수강생분들이 여전히 남의 타입을 분석하고, 직접 타입을 만드는데 어려움을 겪는다는 사실을 깨달았습니다. 따라서 강의를 완전히 개편하여 배운 타입스크립트 문법이 실전에서 어떻게 쓰이는지 알아보고, 타입을 어떤 식으로 작성해나가면 되는지 직접 실습해보는 강좌를 만들게 되었습니다.

이런 분들에게 추천합니다 😎

JS에서 타입스크립트로
전환하고 싶은 분

남이 만든 타입을
분석하는 게 어려운 분

내가 직접 타입을
작성하려고 하면 막막한 분


학습할 내용 ✍

 


1. 타입스크립트의
기본 문법을 배웁니다.


2. 다른 사람이 작성한 타입
분석하는 법을 학습합니다.


3. 내가 직접 타입
작성하는 법을 알아봅니다.

본 강의에서는 여러분들이 직접 타입을 분석하여 쓸 수 있도록 만들어 드립니다!
강의를 들은 후 타입스크립트의 기본 문법을 이해하고, lib.es5.d.ts나 utility types 등 타입스크립트가 기본적으로 제공하는 타입 정의를 분석하여 내 코드에 적용할 수 있게 됩니다. 심지어 반대로 lib.es5.d.ts나 utility types 등을 안 보고도 직접 작성할 수 있게 됩니다.

다음과 같은 코드를 직접 작성할 수 있게(작성까지는 못 해도 적어도 분석할 수는 있게) 해드립니다.


여기서 다루는 툴 🙌

크롬 브라우저와 Visual Studio Code(또는 웹스톰)을 사용합니다.


질문에 빠르게
대답해 드려요 
🗒

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


Who is ZeroCho?

노드 교과서

웹개발 베스트셀러
<Node.js 교과서>, <Let's get IT 자바스크립트> 저자

오늘의픽업

카카오모빌리티 오늘의픽업
기술파트장


예상 질문 Q&A 💬

Q. 타입스크립트 몇 버전을 사용하나요?

4.7버전으로 촬영되었습니다. 더 높은 버전을 사용하셔도 됩니다.

Q. 소스 코드와 강의 교안은 어디에 있나요?

제로초의 깃허브에서 확인하실 수 있습니다.

Q. 자바 스크립트를 알고 들어야 하나요?

네, 기본 자바스크립트 문법 (렛츠기릿 자바스크립트 강좌 정도)는 아셔야 코드 이해가 가능합니다.

Q. 강의의 특징이 뭔가요?

이 강좌에서는 기본적인 문법 학습 이후, lib.es5.d.ts나 utility types 등(남이 만든 타입)을 분석하는 연습을 하고, 반대로 그 타입을 내가 직접 다시 만들어보는 연습을 해봅니다. 간단하게 시작해서 점점 복잡하게 만들 수 있게 도와드립니다. 실전 라이브러리 분석은 실전분석편 강좌에서 추가로 더 진행합니다.

Q. 실전 분석 편과는 다른 점이 무엇인가요?

추후 나올 실전분석편에서는 기본 문법편에서 설명한 문법은 안다는 전제 하에 React, Redux, Express, Node, jQuery, Axios 라이브러리의 타입을 분석하고 직접 작성해보는 연습을 합니다. 이를 위해 기본문법편의 내용을 알고 계셔야 합니다.

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
JS를 배우고 나서 TS를 배우고 싶으신 분
소프트웨어를 조금 더 안정적으로 만들고 싶으신 분
📚
선수 지식,
필요한가요?
자바스크립트 문법 지식

안녕하세요
조현영 입니다.
조현영의 썸네일
– Node.js교과서, Let's Get IT 자바스크립트 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 방송중 
– 오늘의픽업 CTO(카카오모빌리티에 엑싯)
- 카카오모빌리티 개발파트장
커리큘럼 총 39 개 ˙ 6시간 42분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 기본 세팅하기
타입스크립트 강좌를 리뉴얼한 이유 미리보기 10:32 타입스크립트를 할 때 알아야 할 단 한가지 미리보기 11:07
노드와 VS Code, 타입스크립트 설치하기 08:40
tsconfig.json과 tsc 사용해보기 07:00
섹션 1. 기본 문법 배우기
타입스크립트는 변수, 매개변수, 리턴값에 타입 붙이는 것! 14:18
타입 추론을 적극 활용하자 07:22
js 변환 시 사라지는 부분을 파악하자 05:56
never 타입과 느낌표(non-null assertion) 07:50
원시 래퍼 타입, 템플릿 리터럴 타입, rest, 튜플 06:47
enum, keyof, typeof 09:31
union(|)과 intersection(&) 09:25
타입 애일리어스와 인터페이스의 상속(extends) 10:17
타입을 집합으로 생각하자(좁은 타입과 넓은 타입) 08:50
void의 두 가지 사용법 15:48
unknown과 any(그리고 타입 대입가능표) 06:28
타입 좁히기(타입 가드) 14:21
커스텀 타입 가드(is, 형식 조건자) 11:31
{}와 Object 04:38
readonly, 인덱스드 시그니처, 맵드 타입스 03:53
클래스의 새로운 기능들 15:41
옵셔널, 제네릭 기본 13:16
기본값 타이핑 04:58
섹션 2. lib.es5.d.ts 분석
forEach, map 제네릭 분석 16:37
filter 제네릭 분석 16:31
forEach 타입 직접 만들기 09:34
map 타입 직접 만들기 06:13
filter 타입 직접 만들기 09:17
공변성과 반공변성 09:58
하나에는 걸리겠지(오버로딩) 05:42
타입스크립트는 건망증이 심하다(+에러 처리법) 11:46
섹션 3. Utility Types
Partial 타입 분석 미리보기 08:34
Pick 타입 분석 06:16
Omit, Exclude, Extract 타입 분석 12:26
Required, Record, NonNullable 타입 분석 10:18
infer 타입 분석 14:15
완전 복잡한 타입 분석하기(Promise와 Awaited 편) 20:16
완전 복잡한 타입 분석하기(bind 편) 20:05
완전 복잡한 타입 분석하기(flat 편) 14:34
섹션 4. 마무리
강의 게시일 : 2022년 08월 09일 (마지막 업데이트일 : 2022년 09월 03일)
수강평 총 26개
수강생분들이 직접 작성하신 수강평입니다.
5
26개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
츄츄 thumbnail
얼마전에 실시간 강의 듣고 나서 두번 들으려고 강의 결재했습니다!! TS 누가 쉽다고 했나요!?? 자바개발자? C#개발자님들 조용히 해주세요. typed language라고는 한번도 배워본 적 없는 JS 외길 주니어 개발자인 저는 그동안 타입스크립트 하면서 먼지와 같은 번민과 고뇌를 겪고 있었읍니다. 에러는 에러를 낳고..결국 에러를 제외하는 코드만 쌓여가고... 유명하다는 강의도 꽤 듣고 독스도 공부해봤습니다만 잘 알려진 강의들도 독스에 나와있는 문법 위주로 설명해주는 경우가 많고 (그냥 핸드북 읽어서 이해되면 굳이..?) 깊이가 부족한 예제 내용+ 새로운 내용은 빠져 있기도 해서 아쉬웠거든요. TS에 대한 전반적인 이해 없이 개별 타입이나 에러 고치기에 급급해서 실력은 늘지 않고 한숨만 늘어가고 있었습니다. 이 때!! 제로초님 강의 알람이 울려서 모하시는지 염탐갔다가 강의를 접하고 너무 좋아서 충격을 받았습니다. 제가 TS 때문에 괴로웠던 지난 N달들을 다 보상 받는 기분?? 아 타입스크립트는 이렇게 공부해야하는 거구나!! 라는 기분이 들었습니다. 강좌 소개 영상에도 나와있듯이 이 강의는 특히나 수강생들의 피드백을 받고 "리뉴얼"한 강의이기 때문에 실습 자료나 실전 라이브러리 타입 분석하는 부분이 압도적으로 좋았습니다. 그리고 타스를 1도 모르시는 분보다는 저처럼 약간 찍먹해보셨는데 어려움을 겪고 계신 분들 대상으로 특히 좋은 것 같습니다. TS를 아예 모르시는 분들은 타입스크립트 핸드북 정도는 읽고 시작하시는 걸 추천합니다. 좋은 강의를 열심히 편집해서 올려주신 제선생님께 다시 한번 감사드립니다!
2022-08-09
지식공유자 조현영
첫 + 정성스런 수강평 감사합니다~
2022-08-10
김의중 thumbnail
강의가 디테일합니다. 문법만 설명해주는 강의가 아닌 문법을 직접 만들어봅니다. 질문에 대한 답변도 빠릅니다. 최고예요.
2022-09-05
KyungJun Lee thumbnail
딱 현업을 진행하면서 간단한 타입 정의를 넘어 타입을 정의하고 나아가 라이브러리들의 타입스크립트 파일을 읽어보고 싶었는데 이에 적합한 강의라고 생각됩니다. 그리고 강의에 대한 노하우가 쌓여가서 그런지 강의의 호흡, 흐름, 예시들이 더 깔끔해져서 듣기 좋습니다. 좋은 강의해주셔서 감사합니다.
2022-08-20
Yong-Jin Shin thumbnail
좋은 강의 감사합니다.
2023-01-01
hr thumbnail
실무에 필요해서 회사 계정으로 구매하여 듣게 되었습니다. part2 바로 들으려다가 정리하는 개념으로 들었고, 업데이트 된 내용들도 알 수 있어서 유익했습니다 :) 특히 정말 재미있었던 부분은 lib.es5.d.ts 파일 분석하는 부분이었어요. 뇌정지 타임도 있긴 했지만 타입스크립트의 한계점이나 실제 타입 분석을 어떻게 해나가야하는지 자연스럽게 익힐 수 있었습니다. 어떤 한 언어를 이해하기 위해선 그것을 만든 사람들의 코드와 구조를 뜯어보는게 가장 효과적인 공부 방법이라는 생각을 다시 한번 하게 되었습니다. 제로초님 강의는 어떤 강의든 상관없이 실무 중심에 가장 적합한 수업들이 많다고 생각합니다. 항상 잘 듣고 있어요~!
2022-12-21