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

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

(5.0)
6개의 수강평 ∙ 406명의 수강생

40,700원

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

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

✍️
이런 걸
배워요!
타입스크립트
타입스크립트 모듈 시스템
React 라이브러리 타입 분석
Node 라이브러리 타입 분석
jQuery, Axios 타입 분석

타입스크립트 기본 문법을 배운 여러분,
이제는 실전 라이브러리의 타입을 분석해요! 👨‍💻

실전에서 쓸 줄 알아야
진짜 아는 거죠! ✏️

타입스크립트의 기초적인 부분은 타입 스크립트 올인원 : Part1. 기본 문법편에서 이미 다 배우고 오셨죠? 이제는 실전입니다.

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

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


이런 분들에게 추천합니다 🤸‍♀️

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

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

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


학습할 내용 ✍

1. 제이쿼리 타입 분석

2. Axios 타입 분석

3. React 타입 분석

4. Redux 타입 분석

5. Node, Express 타입 분석

6. 라이브러리 타이핑하기

해당 라이브러리가 타입스크립트를 지원하는지 파악하는 능력, 라이브러리에서 가장 중요한 타입과 어떤 모듈 시스템을 사용하는지 파악하는 능력, 라이브러리 타입을 분석하는 능력을 키워드립니다.

다음과 같은 라이브러리를 분석하실 수 있도록 해드립니다! 라이브러리의 타입을 분석하는 방법은 정해져 있기에 강좌에서 나온 대로 타입 지원 여부, 핵심 파일, 모듈 종류, 타입 분석 순으로 진행하시면 어떠한 라이브러리든 어렵지 않습니다.

Axios

React

Redux

Express

Node


여기서 다루는 툴 🙌

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


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

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


Who is ZeroCho?

노드 교과서

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

오늘의픽업

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


Q&A 💬

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

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

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

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

Q. 기본 문법편을 꼭 들어야 하나요?

반드시 들을 필요는 없지만 기본 문법편의 목차에 해당하는 내용은 알고 계셔야 합니다.

Q. 기본 문법 편과는 다른 점이 무엇인가요?

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


이 강의는?

믿고보는 제로초의
타입스크립트 올인원 시리즈 ✨

Part.1지난 강의  

  • 타입스크립트 기본 문법
  • 다양한 코드 분석 방법

Part.2현재 강의  

  • 타입 스크립트 실전
  • 라이브러리 분석 방법
지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
유명한 라이브러리들 타입 분석법을 알고 싶으신 분
직접 라이브러리 타이핑을 해보고 싶으신 분
📚
선수 지식,
필요한가요?
타입스크립트 기본 문법

안녕하세요
조현영 입니다.
조현영의 썸네일
– Node.js교과서, Let's Get IT 자바스크립트 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 방송중 
– 오늘의픽업 CTO(카카오모빌리티에 엑싯)
- 카카오모빌리티 개발파트장
커리큘럼 총 33 개 ˙ 5시간 51분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 인트로
섹션 1. 제이쿼리 타입 분석
@types/jquery 설치하기 미리보기 06:13
commonjs 모듈 타이핑하는 방법과 esModuleInterop 07:37
네임스페이스(namespace) 08:02
메서드와 this 타이핑 13:12
jQuery 타입 직접 만들어보기 11:49
Q&A 미리보기 07:09
섹션 2. Axios 타입 분석
다양한 방식으로 사용 가능한 axios 09:37
ts-node 사용하기 06:46
제네릭을 활용한 Response 타이핑 09:25
AxiosError와 unknown error 대처법 08:51
Axios 타입 직접 만들기 19:31
섹션 3. React 타입 분석
UMD 모듈과 tsconfig.json jsx 설정하기 10:01
함수 컴포넌트(FC vs VFC), Props 타이핑 08:51
useState, useEffect 타이핑 09:16
번외편: 브랜딩 기법 09:05
useCallback, useRef 타이핑 18:24
클래스 컴포넌트 타이핑 10:20
Q&A 10:05
섹션 4. Redux 타입 분석
named exports만 있는 Redux 알아보기 25:54
action, reducer 타이핑하기 11:49
thunk 미들웨어 타이핑하기 12:13
react-redux 타이핑하기 07:04
섹션 5. Node, Express 타입 분석
@types/node 09:59
http, fs, path 모듈 타입 분석 10:07
@types/express 08:14
익스프레스 미들웨어 타이핑 14:12
req, res 속성 타이핑(+인터페이스 확장) 09:17
d.ts에서의 declare global 07:57
passport에서 req.user 타이핑하기 11:31
passport Strategy 타입 분석 12:36
섹션 6. 직접 라이브러리 타이핑하기
react-native-keyboard-aware-scrollview 직접 타이핑하기 07:29
connect-flash 직접 타이핑하기 07:23
강의 게시일 : 2022년 08월 24일 (마지막 업데이트일 : 2022년 08월 24일)
수강평 총 6개
수강생분들이 직접 작성하신 수강평입니다.
5
6개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
hr thumbnail
타입스크립트에 대해서 어렵게만 생각했었고, 때문에 타입스크립트 강의만해도 꽤 많이 들었는데요. 그 중 이번 강의는 타이핑을 할 수 있는 다양한 방법을 배우고, 여러 방법으로 설계된 타입 정의 구조를 전반적으로 훑어볼 수 있어서 유익했습니다. 실무를 하면서도 걸리고 막히는 지점이 생겼을 때 어떻게 타고 들어가면 될지 방법론 적으로 좋은 인사이트를 얻게된 것 같아요! 부지런히 사용해서 감을 잃지 않도록 해야겠습니다. 감사합니다 :)
2023-01-30
Yong-Jin Shin thumbnail
자세하고 훌륭한 타입스크립트 강의
2023-01-29
Sohui Choi thumbnail
타입스크립트를 써오면서 무심코 지나쳤던 중요한 기능들과 개념들을 전체적으로 정리할 수 있었습니다. 그리고, 항상 쓰던 타입 기능들만 써왔었는데, 새로운 타입 문법들을 배움으로써 타입 읽고 분석하는 능력도 기르게 되었어요! 항상 좋은 강의 감사드립니다 !!
2023-01-08
굿데이 thumbnail
도움이 많이 되었습니다. 다음 강의도 기대가 됩니다.
2022-12-01
현 thumbnail
강의로 제로초님과 코드를 같이 읽고 만들다 보면 점점 읽히는 게 많아지는 느낌을 받는 거 같아요. 문법적인 부분이나 크게 복잡하지 않은 건 이제 코드만 보고 이해할 수 있게 된 거 같고 자신감(!)도 좀 붙은 거 같습니다. 타입을 만드는 건 아직 연습을 더 많이 해봐야 할거 같지만, 파트 1과 더불어서 방대하고 모호하고 난해하게만 느껴졌던 타입 스크립트와 조금은 더 친해진 것 같습니다. 또, 앞으로 좀 더 능동적으로 학습할 수 있는 감을 잡아나갈 수 있었던 것 같습니다. 이제부터가 또 시작인 거 같네요. ^^; 잘 들었습니다. 감사합니다. :-)
2022-11-07