Skip to content

TypeScript

SeungGyu Lee edited this page Aug 31, 2021 · 2 revisions

TypeScript

타입스크립트 개요

타입스크립트(TypeScript)는 Microsoft에서 개발하고 유지/관리하는 Apache 라이센스가 부여된 오픈 소스입니다.

일반 자바스크립트로 컴파일되는 자바스크립트 Superset(상위 호환)으로 2012년 10월에 처음 릴리스 되었습니다.

타입스크립트 사용이유

타입스크립트 장점

C#과 Java 같은 체계적이고 정제된 언어들에서 사용하는 강한 타입 시스템은 높은 가독성과 코드 품질 등을 제공할 수 있고 런타임이 아닌 컴파일 환경에서 에러가 발생해 치명적인 오류들을 더욱더 쉽게 잡아낼 수 있습니다.

반면 자바스크립트는 타입 시스템이 없는 동적 프로그래밍 언어로, 자바스크립트 변수는 문자열, 숫자, 불린 등 여러 타입의 값을 가질 수 있습니다. 이를 약한 타입 언어라고 표현할 수 있으며 비교적 유연하게 개발할 수 있는 환경을 제공하는 한편 런타임 환경에서 쉽게 에러가 발생할 수 있는 단점을 가집니다.

그리고 타입스크립트는 이러한 자바스크립트에 강한 타입 시스템을 적용해 대부분의 에러를 컴파일 환경에서 코드를 입력하는 동안 체크할 수 있습니다.

  • 실제로 js개발과정에서 서버와 데이터를 주고받을때 실제로 작동하고 나서 타입에러들을 발견하는 경우가 생각보다 빈번하였고 매번 코드작성후 실행까지 하고나서 에러가 발생하거나 어디있는지 조차도 자세히 안알려줘서 불편함을 많이 겪었었다. 하지만 리팩토링 과정후 에러를 찾기 굉장히 쉽고 실행전에 미리 알려주기 때문에 번거로움도 굉장히 없어졌다. 그리고 버그방지 부분에서도 굉장한 이득을 보았고 팀작업 효율성이 많이 증가하였다.

설치

npx create-react-app my-app --template cra-template-pwa-typescript
// pwa와 함께 사용하기위해서 위 방식으로 생성하였습니다.

예시

  • 이런식으로 타입을 명시하여서 주고받을 데이터 및 사용할 데이터들에서 발생하는 타입관련 오류 및 버그 등등을 사전에 인지할 수 있고 협업하는 팀원또한 코드에 대한 이해를 더 명확히 할 수 있었습니다.
타입정리2 타입정리3 타입정리

자료 : https://heropy.blog/2020/01/27/typescript/ , https://www.typescriptlang.org/

Clone this wiki locally