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

타입스크립트?

타입스크린트란 쉽게 말해 Javasciprt + type으로 자바스크립트에 자료형이 부여된 언어이다.
타입스크립트 파일을 브라우저에서 실행하려면 자바스크립트와는 달리 파일을 변환해야 되는데 이를 컴파일이라 말한다

 

Why?

프론트엔드 공고를 보면 타입스크립트를 필수사항으로 요구하는 곳이 대부분이다.
왜 타입스크립트 사용을 쓰는 걸까? 
내가 생각한 가장 큰 이유는 에러를 사전에 방지하여 안정성을 높일 수 있다는 점 😮

앞서 말했듯 타입스크립트는 자바스크립트에 자료형이 더해진 형태의 언어이다
쉬운 이해를 위해 코드로 비교해보자

자바스크립트

function sum(num1, num2){
  return num1 + num2;
}

console.log(sum(10,20)); // 실행결과 : 30
console.log(sum('10','20')); // 실행결과 : 1020

변수의 타입을 지정하지 않는 자바스크립트에서는 위와 같이
인자로 number 혹은 string형을 넣어도 에러가 발생하지 않는다
단, 개발자의 입장에서 함수 sum은 number + number = number 형태의 함수를 구현하고 싶었는데
string 형이 입력되어도 에러가 발생하지 않으니 예기치 못한 상황을 야기시킬 수 있다

이와 같이 개발자가 의도하지 않은 동작을 사전에 예방하기 위해서
타입스크립트 언어가 제격이라 할 수 있다

타입스크립트

function sum(num1: number, num2: number){
	return num1 + num2;
}

console.log(sum(10,20)); //실행결과 : 30
console.log(sum('10','20')); // Error

위에서 작성한 자바스크립트 코드와 거의 흡사하지만 인자에 자료형을 명시해주었다
그리고 똑같은 값으로 실행한 결과 명시된 number 타입으로 인자가 입력될 때는 실행결과가 잘 출력되었지만
number가 아닌 string 형태의 인자를 입력 시 에러가 발생하는 것을 확인할 수 있다

이처럼 타입스크립트에는 number 타입 뿐만 아니라 string, boolean 등등 여러 형태의 자료형이 존재하는데
일단 곧 ,, 퇴근이니까 ^^ 오늘은 여기까지만 알아보겠습니다 ,,,