본문 바로가기
  • 실행력이 모든걸 결정한다
Frontend/TypeScript

[TypeScript] TypeScript 소개 및 설치

by 김코더 김주역 2021. 4. 20.
반응형

 

1. TypeScript 소개

JavaScript를 기반으로 만들어졌고 변수에 데이터 type을 지정할 수 있는 언어

JavaScript를 기반으로 한 언어이기 때문에, JavaScript의 모든 기능과 함께 JavaScript에 없는 새로운 기능을 제공한다.

TypeScript의 장점으로는 객체지향 프로그래밍이 가능하다는 점, 버그를 줄일 수 있다는 점, 유지 보수가 편리하다는 점이 있다.

또한, TypeScript를 이해하지 못하는 브라우저를 위해 JavaScript로 컴파일 해주는 기능도 제공한다.

 

 

2. TypeScript 설치

TypeScript는 npm명령으로 설치하기 때문에 Node.js를 설치해야 하는데, 설치는 간단하므로 자세한 설명은 생략한다.

nodejs.org/ko/download/

 

다운로드 | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

성공적으로 설치했다면 node명령으로 버전을 확인할 수 있다.

 

Node.js를 설치했다면 다음 명령으로 typescript를 설치한다.

npm install -g typescript

※ -g 옵션 : Global, 컴퓨터 전역에 설치함

 

그리고 ts 설정 파일까지 설치해두면 좋다.

기본 파일명은 tsconfig.json이다.

npx tsc --init

 

마지막으로, 컴파일러를 실행(run)하는 명령어까지 기억해두자.

npx tsc [ts파일]

※ -w 옵션 : watch, 변화를 감지해서 자동으로 컴파일함 

 

반응형

댓글