TS - 타입스크립트 란?

타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의

Introduction | 타입스크립트 핸드북

타입스크립트를 공부하기 위해서 위 동영상를 듣고, 해당 강의 교재를 통해 배운 기초 내용을 정리하고자 글을 작성합니다 !

1. 타입스크립트 란 ?

타입스크립트란 자바스크립트에 타입을 부여한 언어입니다. (자바스크립트의 확장 언어) 타입스크립트는 자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 컴파일 하는 과정이 필요합니다.

그렇다면 자바스크립트보다 복잡하고, 신경써야 할 부분이 많은 타입스크립트를 왜 써야할까요? 아래 2번 타입스크립트의 특징 때문입니다!

 

2. 타입스크립트의 특징

• 자바스크립트 호환
  타입스크립트는 자바스크립트를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어로, 100% 자바스크립트와 호환됩니다. 따라서 NodeJs, NextJs 에서도 타입스크립트 사용이 가능합니다. 또한 ES6에서 새롭게 사용된 문법 또한 사용 가능하며, [class, interface, instance, module] 과 같은 객체지향 프로그래밍 패턴을 지원합니다. 
• 자바스크립트 슈퍼셋
  유효한 자바스크립트로 작성한 코드는 확장자를 .js에서 .ts로 변경하고 타입스크립트로 컴파일해 변환이 가능합니다.
• 에러의 사전 방지
  타입스크립트는 코드에 목적을 명시하고, 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그의 사전 방지가 가능합니다.
• 코드 자동 완성과 가이드
  코드를 장석할 때 개발 툴 중 하나인 Visual Studio Code는 툴의 내부가 타입스크립트로 작성되어 있어, 해당 툴을 사용하면 기능을 최대한 활용할 수 있습니다.

(위 특징들에 대해서는 점차 블로그에 글을 작성해보겠습니다.)

 

*TS 프로젝트 환경 구성은 아래 링크를 통해하시면 좋습니다!

JS에 TS 적용하기 | 타입스크립트 핸드북

 

*타입스크립트는 협업을 하거나 실무에서 프로젝트를 인수인계 받거나 하는 과정에서 state, props 들의 타입을 확인 할 수 있으므로 진행 과정이 보다 더 수월할것 같다! 잘 공부해 보자!