TS 공식 문서: https://www.typescriptlang.org/
타입스크립트(TypeScript) 란?
- 타입스크립트는 자바스크립트에 타입을 부여한 언어다.
- 자바스크립트의 확장된 언어라고 볼 수 있다.
- 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 한다.
- 이 변환 과정을
컴파일(complile)이라고 부른다
타입스크립트를 사용해야 하는 이유
아래 2가지 관점에서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있다.
1. 에러의 사전 방지
- 타입스크립트는 에러를 사전에 미리 예방할 수 있다.
두 코드 모두 두 숫자의 합을 구하는 함수 코드다.
첫 번째 사진처럼 sum 함수를 이용하여 숫자 10과 20을 더할 경우에는 30이 나오게되지만, 두 번째 사진은 문자열을 더하기 때문에 1020이라는 결과가 나오게 된다.
이처럼 타입스크립트는 의도하지 않는 코드의 동작을 예방할 수 있다.
[VSCode에서 확인할 경우]
2. 코드 자동 완성과 가이드
타입스크립트의 또 다른 장점은 코드를 작성할 때 개발 툴의 기능을 최대로 활용할 수 있다는 것이다.
- 코드를 작성할 때 개발 툴의 기능을 최대로 활용할 수 있다.
Visual Studio Code는 툴의 내부가 타입스크립트로 작성되어 있어 타입스크립트 개발에 최적화 되어 있다.
JS를 TS처럼 코딩하는 방법
JSDOC 과 ts-check으로 자바스크립트에서 타입을 정의할 수 있다.
하지만, 이 방법은 너무 번거로우므로 타입스크립트를 사용하는 것이 좋다.
🧸 Feelings …
JSDOC 과 ts-check 를 함께 사용할 경우에 타입스크립트처럼 사용될 수 있다는 것을 처음 알게되었다.
오늘 처음 알게된 것처럼 앞으로 알아갈게 더 많을 것 같아 설렌다 🙈
Reference
[캡틴판교 TS] 타입스크립트 입문 - 기초부터 실전까지
타입스크립트 핸드북
본 포스팅은 캡틴판교 강사님의
타입스크립트 입문 - 기초부터 실전까지강의를 수강하고 난 후, 본인의 주관적인 견해에 의하여 작성되었습니다.