항해99_6기_TIL

항해99 👩‍💻49일차 TIL/WIL

merrytang 2022. 4. 25. 00:06

⭐ Final Project ⭐

실전프로젝트 때 TypeScript를 사용하기로해서 개념을 알아보고 정리해보았다.

 

🐣 Today I Learned 🐣

타입스크립트란?

2012년 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어이다.

 

타입스크립트의 특징

컴파일 언어, 정적 타입 언어

자바스크립트는 동적 타입의 인터프리터 언어로 런타임과정에서 에러를 발견할 수 있다. 그에 반해 타입스크립트는 정적타입의 컴파일 언어이기 때문에 코드 작성 단계에서 타입을 체크해 에러를 확인할 수 있다. 또 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일이 오래 걸린다는 단점이 있다. 

 

자바스크립트 슈퍼셋(Superset)

타입스크립트는 자바스크립트의 슈퍼셋(상위개념)이다. 즉 자바스크립트 기본 문법에 타입스크립트의 문법을 추가한 언어이다. 따라서 유효한 자바스크립트로 작성한 코드는 확장자를 .js에서 .ts로 변경하고 타입스크립트로 컴파일해 변환할 수 있다. 

 

객체 지향 프로그래밍 지원

타입스크립트는 ES6(ECMAScript 6)에서 새롭게 사용된 문법을 포함하고 있으며 클래스, 인터페이스, 상속, 모듈과 같은 객체 지향 프로그래밍 패턴을 제공한다. 

 

 

타입스크립트의 장점 

높은 수준의 코드 탐색과 디버깅

타입스크립트는 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거한다. 또한 코드 자동완성이나 실행 전 피드백을 제공하여 작업과 동시에 디버깅이 가능해 생산성을 높일 수 있다. 

 

자바스크립트 호환

타입스크립트는 자바스크립트와 100% 호환된다. 따라서 프론트엔드 또는 백엔드 어디서든 자바스크립트를 사용하는 곳이라면 타입스크립트를 사용할 수 있다. 

 

강력한 생태계

타입스크립트는 오래되지 않는 역사에도 불구하고 강력한 생태계를 가지고 있다. 대부분의 라이브러리들이 타입스크립트를 지원하며 MS의 VSCode를 비롯해 각종 에디터가 타입스크립트 관련 기능과 플러그인을 지원한다.

 

점진적 전환 가능

기존의 자바스크립트 프로젝트를 타입스크립트로 전환하는 부담이 있다면 추가 기능이나 특정 기능에만 타입스크립트를 도입함으로써 프로젝트를 점짐적으로 전환할 수 있다. 자바스크립트에 주석을 추가하는 것에서부터 시작해 시간이 지남에 따라 코드베이스가 완전히 바뀌도록 준비 기간을 가질 수 있다.  

 

 

 

⭐참고한 곳

https://www.samsungsds.com/kr/insights/TypeScript.html