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

조현영

저자:조현영

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.1any
____2.7.2unknown
____2.7.3void
____2.7.4{},Object
____2.7.5never
____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.21enum은자바스크립트에서도사용할수있다
__2.22infer로타입스크립트의추론을직접활용하자
__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.1Partial,Required,Readonly,Pick,Record
__3.2Exclude,Extract,Omit,NonNullable
__3.3Parameters,ConstructorParameters,ReturnType,InstanceType
__3.4ThisType
__3.5forEach만들기
__3.6map만들기
__3.7filter만들기
__3.8reduce만들기
__3.9flat분석하기
__3.10Promise,Awaited타입분석하기
__3.11bind분석하기

4장타입스크립트프로젝트설정하기
__4.1개발환경설정하기
____4.1.1노드설치하기
____4.1.2VisualStudioCode설치하기
____4.1.3타입스크립트설치하기
__4.2타입스크립트지원패키지인지파악하기
__4.3tsc와tsconfig.json
____4.3.1tsc명령어로자바스크립트로변환하기

5장jQuery타입분석하기
__5.1jQuery직접타이핑하기
__5.2export=타입이해하기
__5.3스크립트파일과모듈파일이해하기
__5.4js파일생성하기

6장Axios타입분석하기
__6.1Axios직접타이핑하기
__6.2다양한모듈형식으로js파일생성하기
__6.3axios의타입을어떻게찾았는지이해하기

7장React타입분석하기
__7.1ReactHooks분석하기
____7.1.1useState
____7.1.2useRef
____7.1.3useEffect
____7.1.4useMemo,useCallback
__7.2JSX타입이해하기
__7.3React직접타이핑하기
__7.4js파일생성하기

8장Node.js타입분석하기
__8.1Node.js직접타이핑하기
__8.2js파일생성하기

9장Express타입분석하기
__9.1req,res,next타입분석및타이핑하기
__9.2Express직접타이핑하기

10장패키지직접타이핑하기
__10.1타입을지원하지않는패키지타이핑하기
____10.1.1baseUrl과paths로타이핑하기
__10.2js패키지를만들고타입추가하기
__10.3ts패키지를만들고.d.ts생성하기
__10.4js프로젝트를ts로전환하기

찾아보기

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

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

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

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

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

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

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

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

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

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