타입스크립트 교과서 - 기본기에 충실한 타입스크립트 올인원(기본 문법+실전 분석)

조현영 (지은이)길벗2023-08-16

실제로 활용 가능한 실용적인 예제와 라이브러리 타이핑 연습을 담았다. 프런트엔드, 백엔드 개발자 상관 없이 타입에 대한 숙련도를 높일 수 있는, 현업 필수 라이브러리로 준비했다. 라이브러리가 타입스크립트를 지원하는가(타입 지원 여부), 라이브러리에서 가장 중요한 타입은 무엇인가(핵심 파일), 어떤 모듈 시스템을 사용하는가(모듈 종류), 라이브러리 타입을 어떻게 분석하는가(타입 분석)의 순서로 유명 라이브러리 타입을 분석하고 직접 타이핑해보자. 이를 통해 평소 그냥 사용하던 함수들을 깊게 이해하고, 복잡한 타입도 차근차근 분석할 수 있는 역량을 키우자.

목차

1장 타입스크립트 시작하기

__1.1 타입스크립트를 공부할 때 알아야 할 단 한가지

__1.2 공식 문서와 플레이그라운드

__1.3 왜 타입이 필요한가

2장 기본 문법 익히기

__2.1 변수, 매개변수, 반환값에 타입을 붙이면 된다

__2.2 타입 추론을 적극 활용하자

__2.3 값 자체가 타입인 리터럴 타입이 있다

__2.4 배열 말고 튜플도 있다

__2.5 타입으로 쓸 수 있는 것을 구분하자

__2.6 유니언 타입으로 OR 관계를 표현하자

__2.7 타입스크립트에만 있는 타입을 배우자

____2.7.1 any

____2.7.2 unknown

____2.7.3 void

____2.7.4 {}, Object

____2.7.5 never

____2.7.6 타입 간 대입 가능표

__2.8 타입 별칭으로 타입에 이름을 붙이자

__2.9 인터페이스로 객체를 타이핑하자

____2.9.1 인터페이스 선언 병합

____2.9.2 네임스페이스

__2.10 객체의 속성과 메서드에 적용되는 특징을 알자

____2.10.1 인덱스 접근 타입

____2.10.2 매핑된 객체 타입

__2.11 타입을 집합으로 생각하자(유니언, 인터섹션)

__2.12 타입도 상속이 가능하다

__2.13 객체 간에 대입할 수 있는지 확인하는 법을 배우자

____2.13.1 구조적 타이핑

__2.14 제네릭으로 타입을 함수처럼 사용하자

____2.14.1 제네릭에 제약 걸기

__2.15 조건문과 비슷한 컨디셔널 타입이 있다

____2.15.1 컨디셔널 타입 분배법칙

__2.16 함수와 메서드를 타이핑하자

__2.17 같은 이름의 함수를 여러 번 선언할 수 있다

__2.18 콜백 함수의 매개변수는 생략 가능하다

__2.19 공변성과 반공변성을 알아야 함수끼리 대입할 수 있다

__2.20 클래스는 값이면서 타입이다

____2.20.1 추상 클래스

__2.21 enum은 자바스크립트에서도 사용할 수 있다

__2.22 infer로 타입스크립트의 추론을 직접 활용하자

__2.23 타입을 좁혀 정확한 타입을 얻어내자

__2.24 자기 자신을 타입으로 사용하는 재귀 타입이 있다

__2.25 정교한 문자열 조작을 위해 템플릿 리터럴 타입을 사용하자

__2.26 추가적인 타입 검사에는 satisfies 연산자를 사용하자

__2.27 타입스크립트는 건망증이 심하다

__2.28 원시 자료형에도 브랜딩 기법을 사용할 수 있다

__2.29 배운 것을 바탕으로 타입을 만들어보자

____2.29.1 판단하는 타입 만들기

____2.29.2 집합 관련 타입 만들기

__2.30 타입스크립트의 에러 코드로 검색하자

__2.31 함수에 기능을 추가하는 데코레이터 함수가 있다

__2.32 앰비언트 선언도 선언 병합이 된다

3장 lib.es5.d.ts 분석하기

__3.1 Partial, Required, Readonly, Pick, Record

__3.2 Exclude, Extract, Omit, NonNullable

__3.3 Parameters, ConstructorParameters, ReturnType, InstanceType

__3.4 ThisType

__3.5 forEach 만들기

__3.6 map 만들기

__3.7 filter 만들기

__3.8 reduce 만들기

__3.9 flat 분석하기

__3.10 Promise, Awaited 타입 분석하기

__3.11 bind 분석하기

4장 타입스크립트 프로젝트 설정하기

__4.1 개발 환경 설정하기

____4.1.1 노드 설치하기

____4.1.2 Visual Studio Code 설치하기

____4.1.3 타입스크립트 설치하기

__4.2 타입스크립트 지원 패키지인지 파악하기

__4.3 tsc와 tsconfig.json

____4.3.1 tsc 명령어로 자바스크립트로 변환하기

5장 jQuery 타입 분석하기

__5.1 jQuery 직접 타이핑하기

__5.2 export = 타입 이해하기

__5.3 스크립트 파일과 모듈 파일 이해하기

__5.4 js 파일 생성하기

6장 Axios 타입 분석하기

__6.1 Axios 직접 타이핑하기

__6.2 다양한 모듈 형식으로 js 파일 생성하기

__6.3 axios의 타입을 어떻게 찾았는지 이해하기

7장 React 타입 분석하기

__7.1 React Hooks 분석하기

____7.1.1 useState

____7.1.2 useRef

____7.1.3 useEffect

____7.1.4 useMemo, useCallback

__7.2 JSX 타입 이해하기

__7.3 React 직접 타이핑하기

__7.4 js 파일 생성하기

8장 Node.js 타입 분석하기

__8.1 Node.js 직접 타이핑하기

__8.2 js 파일 생성하기

9장 Express 타입 분석하기

__9.1 req, res, next 타입 분석 및 타이핑하기

__9.2 Express 직접 타이핑하기

10장 패키지 직접 타이핑하기

__10.1 타입을 지원하지 않는 패키지 타이핑하기

____10.1.1 baseUrl과 paths로 타이핑하기

__10.2 js 패키지를 만들고 타입 추가하기

__10.3 ts 패키지를 만들고 .d.ts 생성하기

__10.4 js 프로젝트를 ts로 전환하기

찾아보기