본문 바로가기
  • 살짝 구운 김 유나
Web/TypeScript

[TypeScript] TypeScript 시작하기

by yunae 2023. 2. 21.

TypeScript 

: JavaScript를 ㅣ기반으로 정적 타입 문법을 추가한 프로그래밍 언어

 

1. TypeScript는 Statically typed

  • 코드를 프로그램 형태로 동작시키기 위해서는 컴파일 과정이 필요
  • 컴파일 시간에 타입이 결정되는 것을 statically typed 이라고 함
  • 변수를 선언할때 타입을 명시해야함 -> 실행속도가 빠르지만 변경할 수 없음
  • 타입이 조금 더 엄격하게 관리

 

2. OOP (객체지향 프로그래밍)

  • 모듈성 있는 코드 작성
  • 객체 단위로 재사용 가능
  • 객체 단위의 확장성
  • 유지보수성

=>  생산성, 품질, 빠르게 제품 완성

 

3. 자바스크립트의 슈퍼셋

유효한 자바스크립트로 작성한 코드는 타입스크립트 코드로 컴파일해 변환할 수 있음

 

 

장점

- 가독성이 좋다 선언과 할당을 동시에

- 실시간으로 에러에 대한 검사를 받을 수 있음

- 안정적인 소프트웨어를 만들 수 있음

 

[다운로드]

https://www.typescriptlang.org/download

 

How to set up TypeScript

Add TypeScript to your project, or install TypeScript globally

www.typescriptlang.org

// 프로젝트마다 다운로드
$ npm install typescript --save-dev
// 전역 다운로드
$ npm install -g typescript

다운로드 후에 tsc 명령어를 사용할 수 있다.

// tsc는 타입스크립트 컴파일러를 실행하는 명령어 
$ tsc

버전 확인

$ tsc main.ts

를 실행하면 JS 코드로 변환된 main.js 파일이 생성된다.

TS 파일이 업데이트 될 때마다 자동으로 JS에 반영되게 하려면?

- watch mode 로 파일 변환하기

$ tsc main.ts -w

 

 

ts-node 설치 명령어

- 타입스크립트 코드를 자바스크립트로 변환해서 노드에서 실행하는 명령어

-  위에서 설명한 과정을 한번에 실행해 줌

$ npm install -g ts-node

 

 

[공식문서]

https://www.typescriptlang.org

 

JavaScript With Syntax For Types.

TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.

www.typescriptlang.org

 

 

 

 

꼭 취뽀해서 이번 늦여름에는 강원도 모래사장에서 와인마시고 서핑도 해야지

'Web > TypeScript' 카테고리의 다른 글

[TypeScript] 제네릭 (Generics)  (0) 2023.03.01
[TypeScript] Composition  (0) 2023.02.25
[TypeScript] 객체지향 (OOP)  (0) 2023.02.24
[TypeScript] 기본 타입 #2  (0) 2023.02.22
[TypeScript] 기본 타입 #1  (0) 2023.02.21

댓글