[TypeScript] 01 - Intro

🌟 타입스크립트를 학습하면서 배운 내용들을 블로그에 기록합니다 (feat. 드림코딩)

✐ TypeScript란?

Superset of JavaScript

→ 자바스크립트에 Type을 더해서 컴파일시 타입에 관련된 에러를 잡을 수가 있다.

→ class, interface, generic을 활용하여 강력한 객체지향 프로그래밍 언어를 구현할 수 있다

→ 모든 브라우저 호환되도록 만들 수 있다

→ 클라이언트, 서버 모두 가능

✐ 기존 JavaScript 의 특징

런타임에서 타입이 결정된다 (Dynamically Typed)

→ 장점 : Easy, Flexible, Fast

→ 단점 : 가독성이 좋지 않으며, 개발시에 이슈를 잡아내는 것이 아니기 때문에 사용자가 애플리케이션을 사용할때 에러가 터지므로 위험하다

→ EC6 이후 Class 문법이 도입되었지만 다른 언어에 비해 객체지향 기능이 적다

✐ TypeScript가 뜨는 이유

1. 컴파일시 타입이 결정된다 (Statically Typed)

타입이 정적으로 결정된다 (코딩할 때) 타입에러를 즉각적으로 받아볼 수 있다

→ 개발시에 실시간으로 에러에 대한 검사를 받을 수 있어서 안정적이고 확장이 쉬운 소프트웨어를 만들 수 있다

2. 객체 지향 프로그래밍 (Object-Oriented Programming)

• Modularity
• Reusabilit
• Extensible
• Maintainability

→ 생산성, 높은 퀄리티 코드, 빠른 제품 완성

✐ TypeScript 세팅

기본 설치

// Global 에 설치하기
npm install -g typescript

// 프로젝트 내에 설치하기
npm install typescript --save-dev

노드 환경에서 실행하려면?

// 컴파일 : main.js 파일 생성 후 node로 실행
tsc main.ts
node main.js

// ts-node : 노드 환경에서 컴파일과 실행을 한번에
npm install -g ts-node
ts-node main.ts     

// ts-node watch : 저장하면 자바스크립트 코드에 자동으로 반영해줌
ts-node main.ts -watch