선수 지식
이 책을 읽기 위해 필요한 JavaScript 기초 지식은 다음과 같습니다.
- 변수 선언:
let,const의 차이를 알고 있어야 합니다 - 함수: 함수 선언, 화살표 함수를 작성할 수 있어야 합니다
- 객체와 배열: 객체 리터럴과 배열을 다룰 수 있어야 합니다
- 조건문과 반복문:
if/else,for,while을 사용할 수 있어야 합니다 - ES6 기본 문법:
import/export, 템플릿 리터럴, 구조분해 할당을 알면 좋습니다
위 내용이 익숙하지 않다면 "소설처럼 읽는 웹 개발 1 — HTML, CSS, JavaScript로 시작하는 웹의 세계"를 먼저 학습하는 것을 권장합니다.
학습 로드맵
이 책은 다음 순서로 진행됩니다.
PART 00~01 토대 쌓기 → TypeScript 소개와 개발 환경 설정
PART 02~03 기본기 다지기 → 기본 타입, 인터페이스, 유니온
PART 04~05 응용력 키우기 → 함수 타이핑, 타입 좁히기
PART 06 핵심 무기 장착 → 제네릭
PART 07 프로젝트 준비 → 모듈, tsconfig, 폴더 구조
PART 08 실전 적용 → 미니 프로젝트로 종합 실습
PART 09 정리와 다음 단계 → 학습 정리, 후속 학습 안내
각 PART에서 배울 것
| PART | 제목 | 핵심 |
|---|---|---|
| 00 | 들어가기 | TypeScript를 배워야 하는 이유 |
| 01 | 개발 환경 준비하기 | Node.js, VS Code 설치, 첫 실행 |
| 02 | 첫 번째 타입 | string, number, 배열, 튜플, any vs unknown |
| 03 | 타입으로 생각하기 | 인터페이스, 유니온, 인터섹션 |
| 04 | 함수에 타입 입히기 | 매개변수, 반환값, 콜백, 오버로드 |
| 05 | 타입 좁히기 | 제어 흐름 분석, typeof, instanceof |
| 06 | 제네릭 | 타입을 매개변수로, 유틸리티 타입 |
| 07 | 모듈과 프로젝트 구조 | import/export, tsconfig, 폴더 패턴 |
| 08 | 미니 프로젝트 | 퀴즈 앱으로 전체 복습 |
| 09 | 마무리 | 학습 정리, 다음 단계 안내 |
학습 방법 안내
순서대로 읽기
이 책은 앞부분에서 배운 내용이 뒷부분의 기초가 됩니다. 처음부터 순서대로 읽는 것을 권장합니다.
직접 따라 치기
예제 코드를 눈으로만 읽지 말고, 직접 타이핑해보세요. 특히 TypeScript는 코드를 칠 때 VS Code가 보여주는 타입 정보와 자동완성을 직접 경험해보는 것이 중요합니다.
에러를 두려워하지 않기
TypeScript의 에러 메시지는 친절한 안내문입니다. 빨간 밑줄이 나타나면 당황하지 말고, 어떤 메시지가 뜨는지 읽어보세요. PART 02에서 에러 메시지 읽는 법을 별도로 다룹니다.
이 책을 마친 후
이 책은 TypeScript의 기본기에 집중합니다. 이 책을 마치면 다음을 할 수 있습니다.
- TypeScript 프로젝트를 생성하고 설정할 수 있습니다
- 변수, 함수, 객체에 적절한 타입을 지정할 수 있습니다
- 제네릭을 사용하여 재사용 가능한 코드를 작성할 수 있습니다
- 순수 TypeScript로 간단한 프로젝트를 만들 수 있습니다
여기서 더 나아가 React, Express 등 프레임워크와 함께 TypeScript를 실무에 활용하려면 "실전 TypeScript"를 이어서 학습하세요.