[ TypeScirpt ] TypeScirpt란?

TypeScript란?

---

자바스크립트 문법에 타입 표기 구문이 추가되고 자바스크립트 문법에 몇 가지 기능을 추가한 것입니다.

 

 

타입스크립트와 리액트의 차이점은?

---

타입스크립트는 리액트와 달리 자바스크립트 라이브러리가 아니기 때문에 자바스크립트의 기존 기능을 기반으로 새로운 기능을 만들거나 기능을 확장하지 않습니다. 대신 자바스크립트의 주요 문법보다 확장된 문법을 가집니다.

 

 

타입스크립트의 특징

---

타입스크립트는 정적 타입(statically Typed) 언어입니다. 자바스크립트가 동적 타입 (dynamically typed) 언어입니다. 그리고 자료형(Type)이 있습니다. 하지만 동적 타입이라 함수 선언 시점에서 자료형을 특정 짓지 않습니다.

 

아래의 예제 코드를 보면 두 개의 매개 변수를 받는다는 것만 알고 타입이 고정되어있지 않습니다.

function addNum(a,b) { // 숫자가 더해진다
	return a+b;
}

function addString(a,b) { // 두 문자열을 연결한다
	return a+b;
}

const addNumResult = addNum(1,2); // 매개 변수를 두 개의 숫자로 받는다.
console.log(addNumResult); // 3

const addStringResult = addNum("1","2"); // 매개 변수를 두 개의 문자열로 받는다
console.log(addStringResult); // 12

 

 

타입스크립트의  장점

---

위의 경우와 달리 프로젝트가 커질 경우 함수나 객체를 의도치 않은 방식으로 사용하는 일이 발생하게 될 때 문제가 생길 수 있습니다.

이 함수를 이렇게 사용하면 안 된다는 경고를 해주는게 없기 때문입니다. 이럴 때 타입스크립트가 도움이 됩니다.

그 이유는 런타임에 오류의 원인을 찾을 필요도 없고 코드를 작성할 때 바로 오류가 표시됩니다.

 

 

나는타입스느립트파일.ts

function addString(a: number,b: number) {
	return a+b;
}

const addStringResult = addNum("1","2"); // 코드를 실행하지 않아도 "1"에 에러 줄이 떠있습니다.
console.log(addStringResult);

 

 

 

참고

---

JavaScript With Syntax For Types.