연습장

01. 타입스크립트 왜? 본문

TypeScript

01. 타입스크립트 왜?

js0616 2024. 8. 26. 12:12

https://joshua1988.github.io/ts/why-ts.html#%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%9E%80

 

Why TypeScript? | 타입스크립트 핸드북

타입스크립트란? 타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면

joshua1988.github.io

 

타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다.

타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다.

이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다.

 

타입스크립트는 아래 2가지 관점에서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있습니다.

  • 에러의 사전 방지
  • 코드 가이드 및 자동 완성(개발 생산성 향상)

 

에러의 사전 방지 (예시)

// math.js
function sum(a, b) {
    return a + b;
}

sum('10', '20'); // 1020


// math.ts
function sum(a: number, b: number) {
    return a + b;
}

sum('10', '20'); // Error: '10'은 number에 할당될 수 없습니다.

 

 

코드 가이드 및 자동 완성

Visual Studio Code는 툴의 내부가 타입스크립트로 작성되어 있어 타입스크립트 개발에 최적화 되어 있습니다.

또한 인텔리센스(IntelliSense),  코드 어시스트, 타입 체크, 리팩토링 등을 지원받을 수 있다.

  • 인텔리센스 : 코드 문법 자동완성 기능
  • 코드 어시스트 : 개발자 상황에 부합하는 제안 제공
  • 타입 체크 : 타입 호환을 판단 ? 
  • 리팩토링 : 결과의 변경 없이 코드의 구조를 재조정함

 

https://poiemaweb.com/typescript-introduction

 

TypeScript - Intro & Install | PoiemaWeb

TypeScript 또한 AltJS의 하나로써 자바스크립트(ES5)의 Superset(상위확장)이다. C#의 창시자인 덴마크 출신 소프트웨어 엔지니어 Anders Hejlsberg(아네르스 하일스베르)가 개발을 주도한 TypeScript는 Microsoft

poiemaweb.com

 

 

 

'TypeScript' 카테고리의 다른 글

06. 제네릭  (0) 2024.08.27
05. 인터페이스  (0) 2024.08.27
04. 클래스  (0) 2024.08.26
03. 정적 타이핑  (0) 2024.08.26
02. 환경 구축  (0) 2024.08.26