티스토리 뷰

타입스크립트 - TypeScript


앞으로 새롭게 시작할 프로젝트들에서 사용하게 될 타입스크립트를 정리하며 공부하고자해요!

배울게 너무 넘치고 넘쳐서 뭐부터 해야할지 모르겠다는 생각에 혼란스러웠는데, 그 시작을 타입스크립트로 정했어요 : )

그럼 먼저 타입스크립트의 정의부터 알아볼까요?

 

 

 

타입스크립트란?

타입스크립트(TypeScript)는 자바스크립트의  Superset(상위 호환)인 오픈소스 프로그래밍 언어입니다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원하며 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있습니다.

타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어입니다.자바스크립트의 Superset이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작합니다.

타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍 하면 자바스크립트로 컴파일되어 실행할 수 있습니다.

 

 

 

타입스크립트의 장점

자바스크립트는 타입 시스템이 없는 동적 프로그래밍 언어로, 변수가 문자열, 숫자, 불린 등 여러 타입의 값을 가질 수 있습니다.

약한 타입 언어라고 표현할 수 있으며 비교적 유연하게 개발할 수 있는 환경을 제공하는 한편, 변수 타입은 런타임시에 결정되기 때문에 타입 오류 또한 런타임시에 발견됩니다.

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

 

 

타입스크립트의 기능

  • 크로스 플랫폼 지원 : 자바스크립트가 실행되는 모든 플랫폼에서 사용할 수 있습니다.
  • 객체 지향 언어 : 클래스, 인터페이스, 모듈 등의 강력한 기능을 제공하며, 순수한 객체 지향 코드를 작성 할 수 있습니다.
  • 정적 타입 : 정적 타입을 사용하기 때문에 코드를 입력하는 동안에 오류를 체크할 수 있습니다. (단, 에디터 혹은 플러그인의 도움 필요)
  • DOM제어 : 자바스크립트와 같이 DOM을 제어해 요소를 추가하거나 삭제 할 수 있습니다.
  • 최신 ECMAScript 기능 지원 : ES6 이상의 최신 자바스크립트 문법을 손쉽게 지원할 수 있습니다.

 

 

타입스크립트 사용법

자바스크립트가 .js 확장자를 가진 파일로 생성되는 것과 같이 타입스크립트는 .ts 확장자를 가진 파일로 생성할 수 있습니다.

대중적으로 많이 사용되는 IDE인 VSCode WebStorm은 기본적으로 별도의 설정 없이도 타입스크립트 파일을 인식할 수 있고 다양한 기능을 바로 사용할 수 있습니다.

단, 컴파일러는 포함되어 있지 않기 때문에 작성 후 타입스크립트 컴파일러를 별도로 설치자바스크립트 파일로 컴파일하여 사용해야 합니다. [ npm install typescript ]

 

 

 

TypeScript Playground

타입스크립트 공식홈페이지에서 제공하고 있는 *REPL로, 작성한 내용이 컴파일러 옵션에 따라 어떻게 자바스크립트로 변환되는지 바로 확인할 수 있습니다.

* REPL : 인터랙티브 톱레벨, 랭기지 셸은 단일 사용자의 입력을 취하고 이를 평가하고 결과를 사용자에게 반환시키는 단순한 상호작용 컴퓨터 프로그래밍 환경이다. REPL 환경으로 작성된 프로그램은 구간마다 실행된다

 

TypeScript 공식 홈페이지 - Playground

'Frontend > Javascript' 카테고리의 다른 글

# 실행 컨텍스트  (0) 2020.10.27
# 데이터 타입  (0) 2020.10.21
# Javascript 클로저  (2) 2020.08.30
# export / import  (0) 2019.10.31
# express 라우트 메소드 .get()과 .post()  (0) 2019.09.16
댓글
공지사항