brunch

You can make anything
by writing

C.S.Lewis

by Master Seo Aug 22. 2023

(책후기) 쉽게 시작하는 타입스크립트-2023

초판 2023년 6월

프런트앤드 웹 개발자가 되기 위해서 반드시 배워야 하는 타입스크립트책이다.


"길벗 출판사에서 책을 제공받아 작성된 서평입니다."

본인이 읽고 솔직하게 작성합니다.




프론트엔드 로드맵에서 Type Script의 위치

https://www.codeit.kr/roadmap/frontend-2023



자~  책 내용을 살펴보자~

타입스크립트의 개념부터 프로젝트 2개 실습까지 제공된다.

문법 부분은 정말 깔끔하게 작성된 책이다.

타입스크립트문법 하나하나 설명이 된다.

심지어 2개의 프로젝트(할 일 관리 앱과 전화번호부 앱)가 설명되어 실제 서비스를 접하게 된다.



<1> 타입 스크립트란?

<2> 왜 배워야 할까요?

<3> 타입스크립트를 시작하기 어려운 두 가지 이유?

<4> 타입스크립트의 현실적인 대안 JSDoc.

<5> 타입 스크립트 시작하기

<6> 문법

<7> 2개의 프로젝트해보기

<8> 실전 프로젝트 환경구성



<1> 타입 스크립트란?


자바스크립트에 타입을 부여한 언어입니다.

자바스크립트를 확장한 언어이다.



<2> 왜 배워야 할까요?


1

에러의 사전방지


2

코드 가이드 및 자동완성 때문에 배웁니다.

코드를 빠르고 정확하게 작성할 수 있도록 도와준다.




<3> 타입스크립트를 시작하기 어려운 두 가지 이유?


1

적지 않은 학습비용 = 타입 시스템이라는 개념과 새로운 언어의 이해가 필요함.


2

운영 중인 서비스에 적용에 대한 부담감 = NPM기반으로 웹서비스 구축, 웹팩(webpack)으로 구성되어 있지 않은 기존서비스.



<4> 타입스크립트의 현실적인 대안 JSDoc.


코드 가이드 및 자동완성과 같다.

JSDoc에 정의한 타입대로 코드를 작성하지 않으면 해당 코드에 관련 에러가 표시된다.



<5> 타입 스크립트 시작하기


1

타입스크립트 학습을 위한 개발 환경 설정하기?

크롬 브라우저 설치

Node.js 와 NPM 설치

비주얼 스튜디오 코드 설치

이 책은 맥 OS를 기준으로 하지만 윈도나 리눅스도 문제없이 따라 할 수 있다.



2

크롬 브라우저 설치

https://www.google.co.kr/chrome/



3

Node.js 와 NPM 설치

Node.js를 설치하고 나면 NPM이 함께 설치된다.

NPM이 있어야 타입스크립트를 명령어로 설치할 수 있다.

Node.js공식 사이트

https://nodejs.org/ko

LTS (Long Term Support)는 안정화 버전으로, 사용할 수 있는 안정화된 버전이라는 뜻이다.

node -v

npm -v



4

비주얼 스튜디오 코드 설치

https://code.visualstudio.com/



5

플러그인 설치한다.

ESLint 플러그인 설치.

ESLint는 자바스크립트 문법 검사도구이다.

자세한 설정법은 책을 참조하기 바란다~




<6> 문법의 정의와 예제가 설명된다.


인터페이스, 연산자, 타입별칭, 이넘, 클래스, 제네릭, 타입추론, 타입단언, 타입가드, 타입호환, 타입모듈, 유틸리티 타입의 정의와 예제가 설명된다.



<7> 2개의 프로젝트해보기


할 일 관리 앱, 전화번호부 앱이 설명되어 실제 서비스를 접하게 된다.

실제 앱을 테스트해 보고 서비스 이해도를 높여봅시다.




<8> 실전 프로젝트 환경구성


타입스크립트 설정 파일부터 외부 라이브러리의 타입 선언과 활용까지 설명된다.




같이 보면 좋을 책


https://brunch.co.kr/@topasvga/1463



감사합니다.



                    

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari