TypeScript 소개

타입스크립트란?

타입스크립트는 자바스크립트의 단점을 보완하기 위해 만들어진 언어기 때문에 일단 자바스크립트의 장단점을 먼저 살펴봐야합니다.

자바스크립트는 아주 유연한 언어입니다. 변수 지정시에도 타입을 신경쓰지 않으며, 이를 시작으로 여러 연산에서도 에러없이 동작합니다.

타입스크립트는 자바스크립트와 같습니다, 다만 타입시스템을 더해줬을 뿐입니다. 이는 버그도 줄여주고 개발하기 더 좋은 환경을 만들어줍니다.

그렇다면 타입스크립트가 뭘까요?
정적 검사를 해주는 것 입니다. 즉, 코드가 실행하기 전에 타입 체커가 각 변수들에 타입이 올바른지 확인하는 것을 말합니다.

왜 타입시스템이 중요할까요?
일단 실행전에 에러를 확인할 수 있고, 에러도 더욱 구체적으로 발생시켜 디버깅에 유용하게 만들어 줍니다.

설치 및 설정

npm으로 전역 설치 하기

https://www.typescriptlang.org/download

npm install -g typescript
위의 명령어를 통해 전역 설치를 해줍니다.

tsc -v 를 통해 설치 완료를 확인해줍니다.

TypeScript Playground

https://www.typescriptlang.org/play 에서는 프로젝트 만들지 않고, 웹에서 js와 ts의 관계를 확인할 수 있습니다.

ts config에서 관련 설정을 바꿀수도있습니다.

우측창에서 Logs 를 통해 결과 로그값을 확인할 수 있습니다.

간단한 ts 문법 test 및 학습에 도움이 되는 페이지 입니다.

TypeScript -> JavaScript

tsc 파일명.ts 명령어를 사용하면 자동으로 해당 폴더에 파일명.js 파일을 생성해줍니다.

let num: number = 3.14159;
console.log("hello");
console.log(Math.round(3.811));

위 처럼 작성된 코드를 tsc 파일명.ts 를 사용해주면 아래와 같이 자바스크립트 파일을 만들어줍니다.

var num = 3.14159;
console.log("hello");
console.log(Math.round(3.811));