추가 적립 안내

타입스크립트 문법은 실전에서 어떻게 쓰이는가?
타입 정의를 분석하고, 직접 타입을 만들 수 있는가?
실전을 위한 기본기, 실제 라이브러리 타입 분석, 실무/실용적인 조언을 모두 담았다! (All in One)

Q: 타입스크립트를 어떻게 공부해야 할까요?
A: 타입스크립트를 공부할 때 가장 막막한 건 막상 문법은 다 배웠는데 실전에서 응용하지 못한다는 것입니다. 인터페이스, 타입 애일리어스, 제네릭, 맵드 타입스, 인덱스드 시그니처 등을 배워도 언제 어떤 문법을 사용해야 하는지 모르는 경우입니다. 다른 사람이 만든 타입을 분석하거나, 직접 타입을 만드는 데 어려움을 겪는다면 타입스크립트 문법이 실전에서 어떻게 쓰이는지 배우고, 타입을 어떤 식으로 작성해나가면 되는지를 직접 실습해보세요. 이 책은 직접 타입을 분석하여 쓸 수 있도록 만들어 드립니다. 타입스크립트를 깊이 이해하고, 정확하고 효율적으로 사용하도록 알려 드립니다. _제로초(조현영)

All in One! 기본기 탄탄한 타입스크립트,
그 이상의 실전 타입스크립트 교과서!

기본 문법 : 타입스크립트의 기본기 교과서
타입스크립트의 기본 원칙과 규칙들을 배우자. 언제 어떤 문법을, 어떻게 사용해야 하는지 알아보고, 직접 타입을 분석하여 사용해보자. 이 과정을 통해 타입스크립트를 더 넓고 깊게 이해할 수 있다. 분석하면서 ‘이 타입이 왜 이렇게 만들어졌지?’를 깊이 이해하고 직접 타입을 작성해보자.
[1] 타입스크립트의 기본 문법 : 기본 원칙, 규칙, 문법의 이해
[2] 기본 타입을 분석하는 방법 : lib.es5.d.ts, utility types 등 기본 타입 정의를 분석 후 내 코드에 적용
[3] 내가 직접 타입을 작성하는 방법 : lib.es5.d.ts, utility types 등을 보지 않고 스스로 작성

실전 분석 : 라이브러리 타이핑
실제로 활용 가능한 실용적인 예제와 라이브러리 타이핑 연습을 담았다. 프런트엔드, 백엔드 개발자 상관 없이 타입에 대한 숙련도를 높일 수 있는, 현업 필수 라이브러리로 준비했다. 라이브러리가 타입스크립트를 지원하는가(타입 지원 여부), 라이브러리에서 가장 중요한 타입은 무엇인가(핵심 파일), 어떤 모듈 시스템을 사용하는가(모듈 종류), 라이브러리 타입을 어떻게 분석하는가(타입 분석)의 순서로 유명 라이브러리 타입을 분석하고 직접 타이핑해보자. 이를 통해 평소 그냥 사용하던 함수들을 깊게 이해하고, 복잡한 타입도 차근차근 분석할 수 있는 역량을 키우자.
■ jQuery 타입 : export = 타입 이해, 스크립트 파일과 모듈 파일 이해
■ Axios 타입 : 다양한 모듈 형식으로 js 파일 생성, axios의 타입을 찾는 방법
■ React 타입 : React Hooks 분석, JSX 타입 이해
■ Node.js 타입 : Node.js 직접 타이핑
■ Express 타입 : req, res, next 타입 분석 및 타이핑
■ 패키지 직접 타이핑 : 타입을 지원하지 않는 패키지 타이핑, js 프로젝트를 ts로 전환

[베타테스트평]
타입스크립트를 전반적으로 이해하는 데 탁월한 학습 자료입니다. 가장 인상 깊었던 점은 실습 중심의 구성입니다. 실전에서 어떻게 적용하는지 배울 수 있어서 매우 유익했습니다. 실제 프로젝트에서 활용할 수 있는 실용적인 예제들과 라이브러리 타이핑 연습을 통해 타입스크립트의 적용과 활용 방법을 더욱 명확하게 이해할 수 있었습니다. 특히 기존 라이브러리를 타입스크립트로 사용할 때 발생하는 어려움들을 해결해보는 과정이 매우 인상 깊었습니다.
김연주_Iteyes_3년 차 백엔드 개발자

다양한 환경에서 효율적으로 활용할 수 있도록, 문제를 어떻게 해결하고 어떤 패턴과 구조로 효율적으로 사용해야 하는지를 설명했다. 저자는 타입스크립트를 깊이 이해하고 있다. 기본 원칙과 규칙을 너무도 잘 알고 있다. 저자의 높은 이해도를 바탕으로 생초보자도 이해하기 쉽게 설명해준다. 지금까지 나온 타입스크립트 책들을 압도하는 책이라 할 수 있겠다. 모든 기능과 장점을 최대한 잘 활용할 수 있음을 보여주고, 온전히 잘 녹여내어 지식을 전달해준다.
김형준_디지마케팅_마케팅프로그램 풀스택 개발자

타입스크립트란 무엇인가에 대해 가장 알맞은 답을 해줄 수 있는 책이었습니다. 공식 문서 이상으로 자세하고 넓은 범위의 개념과 문법을 다루며, 타입에 대한 이해와 타입 사용에 필요한 기반을 확실히 다질 수 있도록 도와줍니다. 학습 방향을 제시해주며 타입스크립트에 대한 전반적인 이해를 넓힐 수 있어서 좋았습니다. 여러 번 돌아와 다시 읽어보는 노력을 기울일 만한 책입니다. 또한, 라이브러리와 프레임워크들을 들여다보며 정상적으로 작동했던 기능, 자동으로 완성해줬던 코드를 직접 타이핑해보면서 구조가 어떻게 정의되어 있는지 알 수 있어 색다른 경험이었습니다. 타입스크립트를 깊게 파보고 싶은 분들에게 추천합니다.
이호섭_프론트엔드 개발자

타입스크립트를 왜 사용하는지 필요성을 인지하고, 타입스크립트의 기본 문법부터 현업에서 필수로 사용하는 라이브러리까지 단계별로 타입을 분석하고 직접 만들어보는 실습을 통해, 왜 이 타입이 만들어졌는지 알 수 있게 됩니다. 타입스크립트의 단순 문법 공부보다는 이 타입이 왜 이렇게 만들어졌는지 분석하고 직접 만들어 사용하는 것을 목표로 학습하는 것을 추천합니다. 특히 여러 타입 분석 덕분에 프론트엔드에는 친숙하지 않던 제네릭 사용법에 익숙해질 수 있습니다.
전대원_목포대 컴퓨터공학과_2년 차 프론트엔드 개발자

업무상 타입스크립트를 사용하는데 공식 문서가 바이블이긴 하지만 이해하기 어려울 때가 많고, 학습 방향을 잡기가 어려워 고군분투하던 시기여서 더욱 반가웠습니다. 이 책은 교과서라 할 만큼 ‘왜, 언제’ 이것을 써야 하고 ‘어떻게’ 써야 하는지 충분한 예제와 설명을 담은 책입니다. 초심자가 읽기에도 어렵지 않고, 세분화도 잘 되어 있어 자바스크립트를 알고 타입스크립트를 도입하려고 할 때 필요한 부분을 목차에서 바로바로 찾아서 색인하기도 좋습니다.
이장훈_3년 차 데브옵스 엔지니어

타입스크립트는 이제 선택이 아니라 필수입니다. 문법만 봐서는 크게 어려워 보이지 않지만 이렇게 많이 정의된 타입들을 실제로 만들고 찾아 쓰는 게 쉽지 않아 어려움이 많았습니다. 하지만 이 책은 실무에 바로 활용할 수 있도록 타입스크립트를 준비할 수 있는 책입니다. 단순히 문법만 설명하지 않고, 여러 라이브러리들을 분석하여, 어떻게 타입스크립트가 정의되고 쓰이는지 하나하나 배워나갈 수 있습니다.
이호철_프론트엔드 개발자

저자가 타입스크립트로 개발하며 얻은 지식들을 친절하게 풀어낸 책입니다. 책을 읽는 내내 단순하게 이론 지식을 전달하는 것을 넘어, 실제 개발자가 궁금해할 지점들을 설명해주는 느낌을 받았습니다. 타입스크립트를 활용하며 한 번쯤은 궁금해할 만한 개념들에 대한 설명이 빠짐없이 등장합니다. 마치 독자가 해당 챕터에서 어떤 점을 궁금해할지 미리 알고 있다는 느낌이었습니다. 프론트엔드 개발자로서 axios, React Hooks의 타입에 대해 실습하며 평소에는 간단히 사용하기만 했던 함수들에 대해 깊게 알게 되는 기회가 되었습니다.
박현우_티맥스 와플_2년 차 프론트엔드 개발자

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로 전환하기

찾아보기

[지은이 서문]
타입스크립트는 익혔지만 코드가 조금만 복잡해져도 분석하지 못하거나, 타입스크립트를 사용해 직접 타입을 만들지 못하는 경우가 대부분입니다. 그래서 그런 분들을 위해 이 책을 집필하게 되었습니다. 『Let’s Get IT 자바스크립트 프로그래밍』을 집필할 때도 동기는 비슷했습니다. 프로그래밍 언어는 익혔지만 실전에 사용하지 못하는 분들, 그런 분들을 위한 책을 만들고 싶었습니다.
이 책도 초반 분량은 문법 설명에 할애하고, 나머지 분량은 실제 라이브러리를 분석하고 직접 라이브러리를 작성해보는 데 할애했습니다. 문법을 설명하는 부분은 타입스크립트 공식 문서에 나오지 않는 내용까지 포함했습니다. 따라서 이 책을 읽고 난 뒤에는 버전 업데이트에 따라 변경되는 내용만 공부하면 됩니다. 라이브러리를 작성하는 부분은 정답을 보기 전에 반드시 먼저 직접 작성해보세요. 배운 문법을 활용하여 직접 타입을 작성해봐야 타입스크립트 실력이 향상됩니다.
- 지은이 서문 중에서