Hello TS World

ioioi·2023년 12월 30일
0

TypeScript

목록 보기
1/2
post-thumbnail

1️⃣ node.js 패키지 초기화

> npm init

👉 모든 옵션을 default로 enter 눌러서 진행한다

👉 package.json 파일 생성!

2️⃣ types/node

node.js가 제공하는 기본 기능들에 대해 미리 지정된 타입의 파일 제공

> npm i @types/node

3️⃣ 컴파일러 설치

✨ tsc로 컴파일하고 실행하기

tsc 파일명 은 특정 파일을 컴파일 하도록 타입스크립트 컴파일러에게 지시하는 명령어입니다.
위 명령어를 입력하면 src/index.ts 파일을 타입스크립트 컴파일러가 컴파일 합니다.
컴파일이 완료되면 자바스크립트 파일 src/index.js 이 생성됩니다.

> sudo npm install typescript -g

-g : global 설치, 컴퓨터 모든 곳에서 패키지 사용 가능 (한 번 설치하면 다른 프로젝트 시 따로 설치 안 해도 됨!)

> tsc -v
Version 5.1.6
> tsc src/index.ts

컴파일 된 자바스크립트 코드는 node를 이용해 실행합니다.

> node src/index.js
Hello Typescript

✨ TSX(TypeScript Execute)로 실행하기

🚧 ts-node는 Node 20 버전 이상에서는 더 이상 동작하지 않습니다. 따라서 아래에서 소개하는 tsx로 대체하여 설치 진행

> sudo npm i -g tsx
> tsx -v
tsx v4.7.0
node v20.7.0

한번의 명령어로 타입스크립트를 실행

> tsx src/index.ts
Hello TypeScript

출처 | https://www.inflearn.com/course/lecture?courseSlug=%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&unitId=154361

profile
UIUX/Frontend

0개의 댓글

관련 채용 정보