Typescript

[Typescript] Typescript란? Typescript의 장점

joy_lee 2022. 7. 11. 14:29

Typescript란?

  • Javascript에 타입을 부여한 언어.
  • 브라우저에서 실행하려면 JS로 바꿔주는 과정을 거쳐야 한다. 이 과정을 컴파일이라고 한다.

 

Typescript의 장점

  • 에러를 사전에 방지할 수 있다.
  • 개발 생산성을 향상시킬 수 있다.(코드 가이드 및 자동 완성 기능)

 

사전 에러 방지

console.log를 사용해 브라우저에서 확인했어야 하는 정보들을 미리 알 수 있다.(property 이름, 형식)

오탈자에 대한 부분을 개발자에게 알려준다

-> 에러를 사전에 방지함

 

TS사용하지 않는다면 JSDoc으로 미리 타입을 명시해줘야 한다.

https://jsdoc.app/about-getting-started.html

/** */ 사이에 내용을 적어야하며 가독성이 떨어지고 코드가 길어지는데 TS로는 더 간결하게 타입을 명시할 수 있다.

 

함수를 생성할 때 입력받는 값의 타입 지정 가능, 반환값 타입도 추정 가능(직접 지정도 가능)

코드 작성시 잘못된 타입의 값을 집어넣으면 에러로 알려줌

 

개발 생산성 향상

TS에서는 변수의 타입 이미 알고있다. 그래서 해당 타입에서 제공하는 기능(API) 자동완성 가능하다.

코드 자동완성과 가이드를 통해 생산성을 향상할 수 있다.

 

 

 

참고한 사이트

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

https://jsdoc.app/about-getting-started.html

 

Use JSDoc: Getting Started with JSDoc 3

Getting Started with JSDoc 3 Table of Contents Getting started JSDoc 3 is an API documentation generator for JavaScript, similar to Javadoc or phpDocumentor. You add documentation comments directly to your source code, right alongside the code itself. The

jsdoc.app