본문 바로가기
Typescript

230530 Typescript node.js설치 및 npm, 옵션 기본세팅

by hyerin1201 2023. 5. 30.

자바스크립트 : 동적인 타입의 언어

타입스트립트 : 플렉서블한 자바스크립트 언어를 -> 보다 안전하고 엄격하게 사용하기 위한, 확장판

(자바, C언어 : 정적인 타입의 언어)

 

타입스트립트를 사용하기 위해선  Node.js 설치(자바스크립트 구동을 위한 프로그램)

- https://nodejs.org/ko (LTS 버전 설치)

- npm : Node Package Manager

- 설치 후 확인 방법 비주얼스튜디오코드 -> 터미널 실행 -> node -v 입력후 버전확인 -> npm -v(노트패키지매니저 버전 확인명령어)

- 사용시 초기화 방법 터미널 -> npm init(기본적인 npm 초기화 명령어)입력 -> 엔터 -> package.json 파일 생김 (혹은 npm --y입력)

(새롭게 사용할때마다 초기화 해야함)

- 터미널 -> npm i @types/node (기본내장 type모듈을 확인, 사용및 설치 하는 명령어) -> node_modules 파일 생김

- 터미널 -> npm i -D ts-node 타입스트립트를 노드에서 실행시킬수 있도록 하는 npm

- 터미널 -> npm i typescript -g (타입스크립트 > 자바스크립트로 컴파일링 하는 기본요소 설치)

- 터미널 -> tsc -v (타입 스크립트 컴파일링 프로그램 버전확인) (*오류시 : 찾기 -> powershell 관리자권한으로 실행 - get-help Set-ExecutionPolicy -> y -> Set-ExecutionPolicy RemoteSigned -> a)


 

타입스트립트 간단 예시


tsc : 타입스크립트 컴파일링의 약어, 컴팡일링 지시할때 사용하는 명령어

tsc src/index.ts : src 경로에 있는 ts파일을 js파일로 컴파일링 시키는 명령어.
js 파일이 생겼다.


node : 타입스크립트에서 컴파일링된 자바스크립트 파일을 실행할때 사용

node src/index.js : src 경로안에 있는 js 파일을 실행.

==> 컴파일링과 실행을 한번에 하기 위해서  터미널 : npm i ts-node -g 입력 

타입스크립트 파일을 자바스크립트로 컴파일링 함과 동시에 실행시켜줄수 있는 ts-node 설치 명령어

==> 터미널: ts-node src/index.ts

src 경로안에 있는 index.ts 파일을 컴파일링, 실행 시키기.


옵션설정하기 위해 터미널에

==> tsc --init : 컴파일링 옵션을 볼 수 있도록 하는 명령어  -> tsconfig.json 파일 생김.

기본설정