물흐르듯코딩

typescript, javascript 특징 및 비교 본문

FE

typescript, javascript 특징 및 비교

AquaDev 2024. 4. 10. 17:14

 

💡TypeScript는 JavaScript의 상위 호환 언어로 변수를 선언할 때 Type을 지정합니다. 아래 예시를 통해 각 언어의 특징을 살펴볼게요:)

 

//TypeScript
function typeScript(num1: number, num2: number) {
	return num1 + num2;
}
typeScript(2, 19);

//JavaScript
function javaScript(num1, num2){
	return num1 + num2;
}
javaScript(2, 19);

 


 

TypeScript 

 

타입스크립트는 정적 타입 언어입니다. 함수/객체/변수 선언 시 타입을 미리 지정해서 사용하기 때문에 컴파일 에러를 예방할 수 있고 디버깅이 쉽습니다. 또한 변수의 이름 뿐 아니라 데이터의 자료형까지 직관적으로 알 수 있기에 여러 파일을 살펴보지 않아도 된다는 장점이 있습니다. 

반면 타입스크립트는 학습 곡선이 있으며 설정과 컴파일이 필요하다는 단점도 있습니다.

 

 

JavaScript

 

자바스크립트는 동적 타입 언어입니다. 모든 브라우저에서 실행되고 동적 타이핑이 가능해 유연하게 사용할 수 있으나 컴파일 시 타입 에러를 발견하기 어렵고 유지보수가 어려울 수 있습니다. 

 


 

TypeScript vs JavaScript

타입스크립트는 정적 타입 언어로 컴파일 시간이 더 오래 걸리지만 코드의 안정성이 확보되고,

자바스크립트는 동적 타입 언어타입 안정성은 비교적 떨어지지만 런타임속도는 빠르다는 특징이 있습니다.   

프로젝트의 요구사항 또는 크기, 팀의 선호도 등을 고려하여 적합한 것을 선택하는 것이 좋습니다.