본문 바로가기

Typescript/Javascript와 Typescript 차이

Javascript 와 Typescript 차이

타입스크립트는 자바스크립트를 확장한 상위 호환 언어입니다. 

즉, 타입스크립트는 자바스크립트와 전혀 다른 언어가 아닌 자바스크립트를 기반으로한 언어입니다. 

 

/* Javascript 예시 */

function javascriptTest (name) {
	console.log('Hello' + name)
}
const name = '개발자'
javascriptTest(name)
/* Typescript 예시 */

function typescriptTest (name:string) {
	console.log('Hello' + name)
}
const name:string = '개발자'
typescriptTest(name)

위 예시를 보면 두개의 코드는 큰 차이가 없고 변수를 선언할 때 Type을 지정하여 사용한다는 차이가 있습니다. 

 

타입스크립트는 자바스크립트에 아래와 같은 기능을 추가 한 것이라고 보면 됩니다. 

더보기

- 타입 정의

- 인터페이스, 클래스

- null / undefined-safe

- 제네릭

타입스크립트도 단점은 존재합니다. 규모에 따른 컴파일 시간 증가와 어쨋든 새로운 기술 도입을 위한 러닝커브가 발생합니다.

간단한 코드의 작성이라면 꼭 사용할 필요는 없지만 프로젝트의 규모가 커질 수록 복잡해지기 쉬운 코드를 보완해주는 역할을 한다고 생각하시면 됩니다. 

 

타입스크립트로 작성된 코드는 빌드 도구를 통해 자바스크립트로 변환하기 때문에 성능의 차이도 거의 없고 동시에 오래된 브라우저를 대상으로 한 트랜스파일도 가능합니다.