[TS 입문] 1. 타입스크립트 소개와 배경, 2. 타입스크립트 시작하기

Inflearn의 타입스크립트 입문 강의를 듣고 있습니다.

Why TypeScript?

TypeScript

자바스크립트에 타입을 부여한 언어. 브라우저에서 실행하기 위해서는 파일을 변환해주는 컴파일 과정이 필요하다.

왜 써야할까?

• 에러의 사전 방지
• 코드 가이드 및 자동 완성 (개발 생산성 향상)

JS를 TS처럼 사용하는 방법

JSDoc와 ts-check를 사용한다.

// @ts-check

/**
* @params {number} a
* @params {number} b
*/
function sum (a, b) { ... }

타입스크립트 프로젝트 시작하기

typescript 모듈

1. 설치

npm install typescript -g
tsc index.ts // index.js 로 변환된 파일 생성

2. 설정 파일 생성

tsconfig.json 파일 생성

{
  "compilerOptions": {
    "allowJs": true, // 프로젝트에 js 파일 허용
    "checkJs": true,
    "noImplicitAny": true, // 타입 선언 필수
  }
}

Playground

Link

TS를 마음껏 테스트해볼 수 있는 공식 사이트의 플레이그라운드.
TypeScript 코드를 입력하면 사이트가 가지고 있는 컴파일러가 JavaScript 코드로 변환해준다.