동적언어를 정적으로 사용하기! 타입스크립트

목차
1. 타입스크립트
2. 문법
3. 파일변환

1. 타입스크립트

자바스크립트에서 타입검사가 추가된 언어

기존의 자바 스크립트의 경우에는 동적인 언어로 변수에 할당하는 데이터가 어떤 타입이든 상관이 없었다. 하지만 이는 여러 문제를 야기할 수 있어 변수에 정적인 타입을 지정하여 실행하기 전 타입 검사를 통해 동적 언어에서 발생할 수 있는 문제를 해결할 수 있었다.

2. 문법

문법 자체는 자바 스크립트와 크게 다르지 않다. 다만 변수나 함수명 뒤에 데이터나 함수의 반환 데이터에 대한 타입을 지정하여야 한다.

//변수
변수예약어 변수명 : 타입 = 값;

ex) 
let num : number= 10;


//함수
함수예약어 함수명(매개변수1:타입,매개변수2:타입):반환타입{
    //실행할 코드
}

function fn(num1:number,num2:number):number{
     //실행할 코드
}

3. 파일 변환

타입 스크립트는 브라우저에서 실행이 되지 않는다. 그렇기에 타입스크립트는 자비스크립트 파일로 변환을 해주어야 한다. 이를 보통 컴파일이라고 부르지만 사실 컴퓨터가 읽을 수 있게 사람이 작성한 코드를 기계어로 번역하는 컴파일과 개념이 다르다.

파일변환은 터미널에서 실행하며 먼저 npm(Node Package Manager)이라고 하는 하는 것이 필요하다.

패키지 설정
npm init
=>package.json이 생성

해당 워크스페이스에서만 사용할 시
npm install typescript

전역으로 설치할 시
npm install -g typescript

타입스크립트 초기 설정
npx tsc --init
=>tsconfig.json이 생성
{
"include":[포함할 파일 및 경로],
"exclude":[제외할 파일 및 경로],
"compilerOptions": {
"outDir":"변환될 js이 저장될 경로 ",
"target": "저장될 js버전",
}
}

컴파일 진행
npx tsc