[TypeScript] TypeScript 개념 및 사용하는 이유

- 개요

안녕하세요. 이번 시간에는 TypeScript 개념 및 사용하는 이유에 대해 알아보겠습니다.

 

"JavaScript 언어를 잘 사용하시는 분들 대상으로 작성합니다."

 

TypeScript 환경 설정을 하지 않고 공식 홈페이지에서 제공하는 환경을 사용하겠습니다.

(링크: https://www.typescriptlang.org/play)

 

- TypeScript란?

TypeScript는 JavaScript에 슈퍼셋인 오픈소스 프로그래밍 언어입니다. (슈퍼셋이란 JavaScript에서 확장된 언어라는 뜻)

 

 

TypeScript는 기본적으로 브라우저가 알수 없는 언어입니다.

 

그렇기 때문에 TypeScript 안에는 Compiler가 존재합니다. Compiler는 TypeScript 언어를 JavaScript 언어로 변환해줍니다.

기본적으로 브라우저는 TypeScript 언어를 해석하지 못하기 때문에 JavaScript로 Compile 후 알려줘야 합니다.

 

Compiler

 

기본적으로 JavaScript 언어를 사용해 충분히 우리는 개발을 해왔습니다.  JavaScript를 처음 사용하신 분들은 기본적으로 모든 타입을 허용하는 특징인 JavaScript가 정적인 언어인 Java와 같은 언어보다 편하다고 느끼셨던 분들도 있을 겁니다. (저도 편하다고 생각했습니다.)

 

하지만 JavaScript를 활용해 여러사람들과 협업해서 개발을 하다 보면 이게 무슨 타입이고, 어떠한 방식에 사용되며, 그래서 나는 개발을 어떻게 해야 하는 거지?라는 의문이 종종 들었을 수도 있습니다.

 

또한 인수인계를 받아 개발할 때도 아무리 JavaScript 잘 알고 잘 활용해도 막히는 부분들이 있었습니다.

 

이러한 부분에 있어 TypeScript는 어느정도 이러한 부분을 해소시켜 줍니다.

 

변수를 선언하거나 객체를 선언할 때 또한 함수를 선언할 때도 모든 타입을 선언해 이러한 잘못된 부분을 바로 잡아줍니다.

 

//JavaScript
const name1 = "Ryan1";

//TypeScript
const name2:string = "Ryan2";

//TypeScript Compile Error
const name3:string = 3;

TypeScript는 Compile 언어(정적인 언어)이기 때문에 JavaScript와 같이 런타임 언어와 다르게 Error를 바로 표현해줍니다.

 

초기에 코드를 작성할 때 시간이 많이들 수 있지만, 실제 코드를 작성하고 기능을 동작했을 때 Error를 줄여줘 오히려 디버깅이나 배포 시간을 단축시켜줍니다.

 

이번 시간에는 TypeScript에 개념 및 사용하는 이유에 대해 알아봤습니다.

 

꼭 적용해서 개발을 해야하는 건 아니지만 확실히 한번 사용하고 나면 계속해서 사용하게 되는 것 같습니다. :)

 

다음 시간에는 기본 타입에 대해 알아보겠습니다.