[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편
타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.
초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.
이런 걸
배워요!
타입스크립트
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?
예상 질문 Q&A 💬
Q. 타입스크립트 몇 버전을 사용하나요?
4.7버전으로 촬영되었습니다. 더 높은 버전을 사용하셔도 됩니다.
Q. 소스 코드와 강의 교안은 어디에 있나요?
제로초의 깃허브에서 확인하실 수 있습니다.
Q. 자바 스크립트를 알고 들어야 하나요?
네, 기본 자바스크립트 문법 (렛츠기릿 자바스크립트 강좌 정도)는 아셔야 코드 이해가 가능합니다.
Q. 강의의 특징이 뭔가요?
이 강좌에서는 기본적인 문법 학습 이후, lib.es5.d.ts나 utility types 등(남이 만든 타입)을 분석하는 연습을 하고, 반대로 그 타입을 내가 직접 다시 만들어보는 연습을 해봅니다. 간단하게 시작해서 점점 복잡하게 만들 수 있게 도와드립니다. 실전 라이브러리 분석은 실전분석편 강좌에서 추가로 더 진행합니다.
Q. 실전 분석 편과는 다른 점이 무엇인가요?
추후 나올 실전분석편에서는 기본 문법편에서 설명한 문법은 안다는 전제 하에 React, Redux, Express, Node, jQuery, Axios 라이브러리의 타입을 분석하고 직접 작성해보는 연습을 합니다. 이를 위해 기본문법편의 내용을 알고 계셔야 합니다.
이런 분들께
추천드려요!
학습 대상은
누구일까요?
JS를 배우고 나서 TS를 배우고 싶으신 분
소프트웨어를 조금 더 안정적으로 만들고 싶으신 분
선수 지식,
필요할까요?
자바스크립트 문법 지식
안녕하세요
제로초(조현영)입니다.
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
https://www.zerocho.com/lecture
제로초 강의 전체 로드맵
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)
커리큘럼
전체
42개 ∙ 7시간 41분
타입스크립트 강좌를 리뉴얼한 이유
10:32
타입 추론을 적극 활용하자
07:22
enum, keyof, typeof
09:31
void의 두 가지 사용법
15:48
타입 좁히기(타입 가드)
14:21
{}와 Object
04:38
클래스의 새로운 기능들
15:41
옵셔널, 제네릭 기본
13:16
기본값 타이핑
04:58
forEach, map 제네릭 분석
16:37
filter 제네릭 분석
16:31
forEach 타입 직접 만들기
09:34
map 타입 직접 만들기
06:13
filter 타입 직접 만들기
09:17
공변성과 반공변성
09:58
하나에는 걸리겠지(오버로딩)
05:42
마지막 업데이트일: 2023년 07월 02일