[ TypeScript ] 타입스크립트에 대해 알아보자.

 

참고 사이트

• Formagran님의 티스토리
• Trooper님의 벨로그

 

 

 

💻 TypeScript란,

타입스크립트는 자바스크립트의 슈퍼셋인 오픈 소스 프로그래밍 언어이다.

마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다.

 

클라이언트 사이드와 서버사이드를 위한 개발에 사용 가능하다.

 

타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 어플리케이션을 개발할 수 있게 설계된 언어이다.

자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다.

 

타입스크립트는 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다.

타입스크립트는 모든 운영체제, 브라우저, 호스트에서 사용 가능한 오픈 소스이다.

 

🧏🏻‍♂️ TypeScript

타입스크립트는 정적 타입 언어이다.

즉, 변수 선언 시 변수에 저장할 값의 종류를 사전에 지정해야한다.

컴파일 시, 타입과 일치하지 않으면 에러가 발생한다.

let num: number = 3;

num = '문자';
// 에러 발생: Type 'string' is not assignable to type 'number'.

👏🏻 장점

• 타입 에러로 인한 문제점을 초기에 발생할 수 있어 안정성이 높다.
• 컴파일 시 타입을 결정하기 때문에 실행속도가 빠르다.
• 에러 발생 시, 명확하게 알려준다.

💣 단점

• 컴파일 시에 타입을 결정하기 때문에 타입 선언 및 수정할 때 번거롭다.

---

🧏🏻 JavaScript

자바스크립트는 동적 타입 언어이다.

즉, 컴파일 시가 아니라 런타임 시 변수의 타입이 결정된다.

 

고정된 타입이 없어서 같은 변수에 여러 타입의 값을 자유롭게 할당할 수 있다.

let str = '글자';

str = 3;
console.log(str);
// 3
console.log(str + '5');
// 숫자 + 문자 (Dynamic Typing: 형변환 가능 시 자동 변경)
// 35

 

변수를 선언하여 처음에 3이라는 <Integer>값을 할당하였는데 그 다음 '나는 글자'; 라는 <String> 값을 할당하고 콘솔로 찍었더니 같은 변수에 여러 타입이 들어갈 수 있었다.

👏🏻 장점 

• 런타임 시 타입이 결정되기 때문에 유연성이 높다.
• 컴파일 시 타입을 명시해주지 않아도 되어 코드가 간결하고 개발속도가 향상된다. 

💣 단점

• 런타임 시 타입 자동 변환(Dynamic Typing)을 통해 에러를 발생 시킬 수 있다.
• 런타임 시 확인할 수 밖에 없기 때문에, 코드가 길고 복잡한 경우 에러를 찾기 힘들다.
• 에러 내용이 명확하지 않은 경우 에러를 찾기 힘들다.