타입스크립트 강의를 보며 개인적으로 기록하는 글입니다.
타입스크립트를 사용하는 목적
타입스크립트를 사용하는 목적은 런타임 중에 오류가 발생하기 전에 코드에서 오류를 미리 확인할 수 있는 기회를 제공하는 것입니다.
예시 코드를 살펴보면 알 수 있듯이 이 함수는 원하는 동작을 하지 않을 것입니다.
예를 들어 input1, input2의 값이 '10', '5'라고 하면 10 + 5는 5가 아닌 '105'가 될 것입니다. 이렇게 런타임 오류는 아니지만 논리적인 오류가 발생할 수 있으며, 그것이 언제 큰 문제로 이어질 지 모릅니다.
자바스크립트
자바스크립트에서는 이러한 상황을 방지하기 위해 다음과 같이 처리해야 합니다.
그러나 타입스크립트를 사용하면 이 문제를 간단하게 해결할 수 있습니다.
타입스크립트 컴파일 에러
컴파일러가
"'string' 형식의 인수는 'number' 형식의 매개변수에 할당될 수 없습니다."
와 같은 오류를 알려줍니다.
이제 add 함수에 number 형식의 매개변수를 넘겨주면 됩니다.
타입스크립트 정상 컴파일
컴파일 오류가 발생하지 않았고, 똑같은 이름의 js 파일이 생성되었습니다.
위와 같이 타입스크립트는 자바스크립트로 변환할 때 오류가 발생하지 않는다면 일반 자바스크립트 코드로 변환됨을 확인할 수 있습니다.
프론트엔드 개발자