타입스크립트 문법은 실전에서 어떻게 쓰이는가?
타입 정의를 분석하고, 직접 타입을 만들 수 있는가?
실전을 위한 기본기, 실제 라이브러리 타입 분석, 실무/실용적인 조언을 모두 담았다! (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 자바스크립트 프로그래밍』을 집필할 때도 동기는 비슷했습니다. 프로그래밍 언어는 익혔지만 실전에 사용하지 못하는 분들, 그런 분들을 위한 책을 만들고 싶었습니다.
이 책도 초반 분량은 문법 설명에 할애하고, 나머지 분량은 실제 라이브러리를 분석하고 직접 라이브러리를 작성해보는 데 할애했습니다. 문법을 설명하는 부분은 타입스크립트 공식 문서에 나오지 않는 내용까지 포함했습니다. 따라서 이 책을 읽고 난 뒤에는 버전 업데이트에 따라 변경되는 내용만 공부하면 됩니다. 라이브러리를 작성하는 부분은 정답을 보기 전에 반드시 먼저 직접 작성해보세요. 배운 문법을 활용하여 직접 타입을 작성해봐야 타입스크립트 실력이 향상됩니다.
- 지은이 서문 중에서
조현영 [저]
문과 출신이지만, 자바스크립트를 통해 프로그래밍의 매력에 빠졌다. 지금은 스타트업에서 CTO로 일하며 데이터 수집, 정제와 오픈 소스 기여에 관심이 많다. 개인적으로는 블로그와 유튜브를 운영 중이며 온라인 강좌를 진행하고 있다.
전체 0개의 구매후기가 있습니다.
인터파크도서는 고객님의 단순 변심에 의한 교환과 반품에 드는 비용은 고객님이 지불케 됩니다.
단, 상품이나 서비스 자체의 하자로 인한 교환 및 반품은 무료로 반품 됩니다.
교환 및 반품이 가능한 경우
상품을 공급 받은 날로부터 7일이내 가능 공급받으신 상품의 내용이 표시, 광고 내용과 다르거나 다르게 이행된 경우에는 공급받은 날로부터 3개월 이내, 혹은 그사실을 알게 된 날 또는 알 수 있었던 날로부터 30일 이내 상품에 아무런 하자가 없는 경우 소비자의 고객변심에 의한 교환은 상품의 포장상태 등이 전혀 손상되지 않은 경우에 한하여 가능
교환 및 반품이 불가능한 경우
구매확정 이후(오픈마켓상품에 한함) 고객님의 책임 있는 사유로 상품 등이 멸실 또는 훼손된 경우
(단, 상품의 내용을 확인하기 위하여 포장 등을 훼손한 경우는 제외) 시간이 지남에 따라 재판매가 곤란할 정도로 물품의 가치가 떨어진 경우 포장 개봉되어 상품 가치가 훼손된 경우
다배송지의 경우 반품 환불
다배송지의 경우 다른 지역의 반품을 동시에 진행할 수 없습니다. 1개 지역의 반품이 완료된 후 다른 지역 반품을 진행할 수 있으므로, 이점 양해해 주시기 바랍니다.
중고상품의 교환
중고상품은 제한된 재고 내에서 판매가 이루어지므로, 교환은 불가능합니다.
오픈마켓 상품의 환불
오픈마켓상품에 대한 책임은 원칙적으로 업체에게 있으므로, 교환/반품 접수시 반드시 판매자와 협의 후 반품 접수를 하셔야하며, 반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가능할 수 있으니 유의하시기 바랍니다.
배송예정일 안내
인터파크 도서는 모든 상품에 대해 배송완료예정일을 웹사이트에 표시하고 있습니다.
<인터파크 직배송 상품>
상품은 월~토요일 오전 10시 이전 주문분에 대하여 당일 출고/당일 배송완료를 보장하는 상품입니다.
상품은 서울지역/평일 주문분은 당일 출고/익일 배송완료를 보장하며, 서울외지역/평일 주문분의 경우는 오후 6시까지 주문분에 대하여 익일 배송완료를 보장하는 상품입니다. (단, 월요일은 12시까지 주문에 한함)
상품은, 입고예정일(제품출시일)+택배사배송일(1일)에 배송완료를 보장합니다.
~
상품은 유통특성상 인터파크에서 재고를 보유하지 않은 상품으로 주문일+기준출고일+택배사배송일(1일)에 배송완료를 보장합니다.(토/공휴일은 배송기간에 포함되지 않습니다.) ※기준출고일:인터파크가 상품을 수급하여 물류창고에서 포장/출고하기까지 소요되는 시간
<업체 직접배송/오픈마켓 상품>
~
상품은 업체가 주문을 확인하고, 출고하기까지 걸리는 시간입니다. 주문일+기준출고일+택배사배송일(2일)에 배송완료를 보장합니다.(토/공휴일은 배송기간에 포함되지 않습니다.) ※5일이내 출고가 시작되지 않을시, 오픈마켓 상품은 자동으로 주문이 취소되며, 고객님께 품절보상금을 지급해 드립니다.
배송비 안내
도서(중고도서 포함)만 구매하시면 : 배송비 2,000원 (1만원이상 구매 시 무료배송) 음반/DVD만 구매하시면 : 배송비 1,500원 (2만원이상 구매 시 무료배송) 잡지/만화/기프트만 구매하시면 : 배송비 2,000원 (2만원이상 구매 시 무료배송) 도서와 음반/DVD를 함께 구매하시면 : 배송비 1,500원 1만원이상 구매 시 무료배송) 도서와 잡지/만화/기프트/중고직배송상품을 함께 구매하시면 : 2,000원 (1만원이상 구매 시 무료배송) 업체직접배송상품을 구매시 : 업체별로 상이한 배송비 적용
* 세트상품의 경우 부분취소 시 추가 배송비가 부과될 수 있습니다.
* 북카트에서 배송비없애기 버튼을 클릭하셔서, 동일업체상품을 조금 더 구매하시면, 배송비를 절약하실 수 있습니다.
해외배송 안내
인터파크도서에서는 국내에서 주문하시거나 해외에서 주문하여 해외로 배송을 원하실 경우 DHL과 특약으로 책정된 요금표에
의해 개인이 이용하는 경우보다 배송요금을 크게 낮추며 DHL(www.dhl.co.kr)로 해외배송 서비스를 제공합니다. 해외배송은 도서/CD/DVD 상품에 한해 서비스하고 있으며, 다른 상품을 북카트에 함께 담으실 경우 해외배송이 불가합니다.
해외주문배송 서비스는 인터파크 도서 회원 가입을 하셔야만 신청 가능합니다.
알아두세요!!!
도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 취소될 수 있습니다. 오픈마켓업체의 배송지연시 주문이 자동으로 취소될 수 있습니다. 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 기준으로 배송됩니다. 유통의 특성상 출고기간은 예정보다 앞당겨지거나 늦춰질 수 있습니다. 택배사 배송일인 서울 및 수도권은 1~2일, 지방은 2~3일, 도서, 산간, 군부대는 3일 이상의 시간이 소요됩니다.
;)
;){kind=small}
전체 0개의 구매후기가 있습니다.
교환 및 반품이 가능한 경우 
상품을 공급 받은 날로부터 7일이내 가능 
상품은 월~토요일 오전 10시 이전 주문분에 대하여 당일 출고/당일 배송완료를 보장하는 상품입니다.
상품은 서울지역/평일 주문분은 당일 출고/익일 배송완료를 보장하며,
상품은, 입고예정일(제품출시일)+택배사배송일(1일)에 배송완료를 보장합니다.
~ 
상품은 유통특성상 인터파크에서 재고를 보유하지 않은 상품으로
상품은 업체가 주문을 확인하고, 출고하기까지 걸리는 시간입니다.
