[TS] Hello TS World!

1. node , npm 설치

// node 버전
npm install -g node@18.14.0

// npm 버전
npm install -g npm@9.7.1

전역으로 특정버전을 설치 하지 않고 해당 프로젝트만 위의 버전으로 사용하고 싶으면 -g 없이 명령어 치면 된다.

 

 

2. terminal  > npm init (초기화)

모든 옵션을 default 엔터만 누른 다음에 폴더안에 package.json 파일이 생성된다.

 

 

3. types node 라이브러리 반드시 설치

npm i @types/node@20.8.0
// node 특정버전으로 설치하기.. 안그러면 나중에 error 발생

 

 

4. 타입스크립트 컴파일러 설치

 // 컴퓨터 전역에 설치
 // mac : 맨앞에 sudo 붙여서 작성
 // window : 아래코드 그냥 작성
 npm install typescript -g
 
 // 설치 후 버전 확인
 tsc -v

 

 

5.  ts > js 컴파일

tsc src/index.ts

number 가 없어진 것을 확인 할 수 있다.

컴파일러 된 js 파일을 실행할려면 node를 이용하면 된다

node src/index.js
=> Hello Typescript

 

 

 

개발중일 때는 코드를 수정하고 계속 확인 할 수가 없으니 즉시 실행할 수 있는

6. ts-node 라이브러리 설치

npm install ts-node -g

ts-node src/index.ts
=> Hello TypeScript

 

 

 

최종요약

npm init
npm i @types/node@20.8.0
sudo npm i typescript -g
tsc -v
npm i typescript -g
tsc --init  (tsconfing.json 파일 만들어짐)
tsconfing.json 컴파일 옵션설정하기
package.json 파일에서 "type": "module" 추가
src 폴더안에 index.ts 안에 console.log('Test') 
터미널 명령어로 ts-node src/index.ts 쳐서 나오는지 확인하기

ts-node 찾을 수없으면 전역으로 설치하기 npm install -g ts-node

node 버전 낮추..는 방법도 있음...node 18.14사용