Til (2023.02.02)

타입스크립트

 

자바스크립트는 변수를 선언한다음 변수에 string을 넣어도 되고 number,배열등등 모두 들어 갈 수 있다.

타입스크립트는 타입을 지정해 줄 수 있고 자동완성도 다른 언어를 사용할때 처럼 작동해 개발을 편리하게 만들어 준다.

타입 추론이 되어서 오타나 오류가 났을때 빨간 밑줄로 잘못된 부분을 바로 알 수 있다.

 

사용방법

npm install -g typescript를 사용해 글로벌로 설치해주고 (글로벌이 아니여도 된다.)

만든 프로젝트 안에서 tsc —init을 입력하면 tsconfig.json이 생성된다.

// tsconfig.json 파일

module: 컴파일된 코드가 어떤 모듈을 사용할지 정의.

target: 컴파일된 코드가 어떤 환경에서 실행될 지 정의.

strict: 모든 타입 체킹 옵션을 활성화.

esModuleInterop: commons 모듈 형태를 es2015 형태로 불러올 수 있게 해준다.

outDir: 컴파일된 파일이 저장되는 경로 설정.

타입스크립트는 기본적으로 ts확장자를 사용한다.

 

const a: string = “hello” // 이런 코드를 사용해 상수값이 문자열이라는걸 명시해준다.

const a: number = 123 // number

const a: string = 123 // error (string을 명시해주고 number를 할당해서 오류)

코드를 작성 후 터미널에 tsc를 입력해 컴파일을 할 수 있다.

컴파일 될땐 명시한 타입은 모두 사라진다.