🐭 TypeScript란?
- 자바스크립트에 '타입'을 적용시킨 것을 타입스크립트라합니다.
- 에러를 잡고, 고치는데에 도움을 줍니다.
- 자바스크립트 실행 환경(Node, Browser)에서 제공하는 오픈소스입니다.
- 자바스크립트의 Superset 언어입니다. (자바스크립트 기능 +α)
- 런타임 환경에서 순수 자바스크립트로 이해할 수 있도록 컴파일해줍니다.
- 타입을 지정함으로써 코드 표현력이 풍성해질 수 있습니다.
타입스크립트는 전통적인 Compiled language와는 다른 점이 많고 굳이 사용하자면 'Transpile'이라는 용어에 더 가깝다고 할 수 있습니다.
자바스크립트는 바로바로 해석이 가능한 Interpreted language라고 합니다.
-> 타입스크립트는 컴파일하는 시점(컴파일 타임)에 에러를 찾아 고칠 수 있습니다.
-> 타입스크립트 컴파일러를 설치해야 타입스크립트 언어가 사용 가능합니다!
타입 유형 설명이 중요한 이유
- 앱의 규모가 클 수록 많은 개발자를 필요로 하고, 유지보수하는 기간이 길어지면 그만큼 그 앱의 개발자들이 많이 바뀔 것 입니다. 데이터 유형을 지정하는 것이 이런 개발 생태계에서 효율적인 유지보수를 할 수 있게 하고 많은 회사에서 타입스크립트를 사용하는 이유입니다.
TypeScript 시작
타입스크립트를 글로벌로 설치해줍니다.
npm i typescript -g
지우기
$ npm uninstall typescript -g
tsc 명령어는 타입스크립트 파일을 컴파일하는 명령어입니다.
$ tsc test.ts
프로젝트 특성상 타입스크립트를 글로벌로 설치하더라도 컴파일 되도록하는 설정 파일을 넣어주어야합니다.명령어는 자동으로 설정파일을 생성해줍니다.
$ tsc --init
파일 수정 될 때마다 새로 컴파일 되도록 Watch mode를 실행 할 수 있는 명령어입니다.
$ tsc -w
npm 프로그램 안에 타입스크립트 설치하기
$ npm init -y // npm 프로그램 시작 $ npm install typescript // typescript 설치 $ npx tsc --init // tsconfig.json 파일이 생성 됨package.json의 script 부분에
"build" : "tsc"로 설정하면 build 할때 tsc 명령어가 실행됩니다.
Type Annotation
- 타입을 지정하는 일
- 타입스크립트가 가진 고유의 기술
할당받은 값의 타입으로 a의 타입이 정해집니다.
let a = "Mark"; // a의 타입은 string이 됩니다. a = "hi"; a = 7; // 타입에러
Annotation
let b: number; // 선언하면서 타입을 지정해줍니다. b = 23; b = "Mark"; // 타입에러
매개변수에도 타입을 지정해줄 수 있습니다.
function hello(c: number) {} hello(333); hello("333"); // 타입에러타입을 지정해주지 않으면 'any'라는 타입이 지정되므로 타입에러가 나지 않습니다.
타입스크립트 타입 종류
자바스크립트에서 제공하는 기본적인 타입과
- Boolean
- Number
- String
- Null
- Undefined
- Symbol
- Array
프로그래밍을 도울 몇가지 타입이 더 제공됩니다.
- Any
- Void
- Never
- Unknown
- Enum
- Tuple: object형
