[Language/TypeScript] TypeScript란?!

TypeScript란?

프로그래밍 언어 중 하나로 Microsoft사에서 개발한 오픈 소스 프로그래밍 언어
JS의 한계를 보안하여 나온 언어.
JS 언어 그대로를 사용할 수 있어 약 30년 정도의 긴 역사를 가진 JS Library를 그대로 사용하며 안정성을 가져다 준다는 이점이 있어 다양한 분야에서 널리 사용되고 있음.

등장배경

• JS의 한계 극복
  JS는 동적타입언어이다.
  동적 언어의 특징은 프로그래밍 언어를 컴퓨터언어 즉 기계어로 바꾸는 compiler의 작동 시점이 코드가 실행 될 때 이다.
  이 특징에 의해 코드에 에러가 있더라도 일단 실행이 된 후에, 오류가 있는 부분은 표시가 된다.
  일단 실행이 된다는 특징 때문에 후에 에러가 일어난 부분을 찾기가 까다롭고, 추가로 변수의 타입이 쉽게 변하는 특징까지 더해져
  내가 의도한 것과 다른 타입으로 변하는 등 에러를 통제하기가 어려워 안정성이 매우 떨어진다.
  TS는 이러한 JS의 불안정성을 보완해주기 위해 등장하였다.

TS 개발환경 세팅

1. Node.js 설치

   • nvm(node version manager)를 이용하여 설치하면 좀 더 편리하게 Node.js의 버전 관리 등을 할 수 있다.

2. typescirpt 설치

3. Node.js 프로젝트 생성하기

    npm init -y

4. tsconfig.json 생성하여, TS 프로젝트로 변환하기

   tsc --init --rootDir ./src --outDir ./dist --esModuleInterop --module commonjs --strict true --allowJS true --checkJS true

• --rootDir ./src
  프로그램 소스 파일이 들어가는 경로 src 디렉토리로 지정
• --outDir ./dist
  컴파일이 된 파일들이 들어가는 디렉토리: dist
• --esModuleInterop
  CommonJS 방식의 모듈을 ES모듈 방식의 Import 구문으로 가져옴
• strict true, allowJS true
  strict mode 및 JS 허용

5. src root에 index.ts 파일 확인 후, npm run

   npm run build

6. TS 파일 실행

   npm run start