자바스크립트로 규모가 큰 프로젝트를 만들다 보면 꼭 겪는 일이 있습니다. 분명 숫자라고 생각했던 값이 문자열이어서 엉뚱한 결과가 나오는 일. 타입스크립트(TypeScript)는 이런 실수를 코드를 실행하기 전에 잡아줍니다.
무엇이 다른가
타입스크립트는 자바스크립트에 타입(type)이라는 안전장치를 더한 언어입니다. 작성한 코드는 결국 평범한 자바스크립트로 변환되어 실행되므로, 기존 생태계를 그대로 쓰면서 안정성만 얻는 구조입니다.첫 코드
// 매개변수와 반환값의 타입을 명시
function add(a: number, b: number): number {
return a + b;
}
add(2, 3); // OK
add(2, "3"); // 컴파일 단계에서 에러! 실수를 미리 차단a: number 처럼 타입을 적어두면, 잘못된 값을 넣었을 때 편집기가 빨간 줄로 즉시 알려줍니다.
왜 실무에서 표준이 되었나
- 자동완성이 강력해집니다. 객체에 어떤 속성이 있는지 편집기가 다 알려줍니다.
- 협업 시 함수의 입출력이 문서처럼 드러나, 남이 짠 코드를 읽기 쉽습니다.
- 리팩터링이 두렵지 않습니다. 타입이 맞지 않으면 바로 잡히니까요.
처음에는 타입을 적는 게 번거롭게 느껴지지만, 프로젝트가 커질수록 "이걸 왜 진작 안 썼지" 싶어집니다. 자바스크립트에 익숙해졌다면 다음 단계로 강력히 추천합니다.
