타입스크립트 환경생성

npm init -y

초기화

 

npm i @types/node

타입스크립트 노드 패키지 생성

 

 

npm install typescript -g

타입스크립트 전역으로 설치

 

tsc -v

타입스크립트 설치버전 확인

 

npm install ts-node -g

타입스크립트 노드 모듈추가

---

 

npm i -g tsx  혹은 npm install tsx --save-dev 로 설치

tsx 설치(node.js 버전업으로 인한 오류 방지 라이브러리)

후자를 추천함. jsx가 설치됬다고 package.json에 표시하려면 후자로 해야하기 때문.

전자로 설치하면 전역이라 path경로에 설치되지만... 문제는 명시적 확인이 어려움.

{

  "name": "section2",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "type": "module",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "dependencies": {

    "@types/node": "^20.14.2"

  },

  "devDependencies": {

    "tsx": "^4.15.7"

  }

}

 

본인도 node 18버전쓰고 있어서 딱히 설치 필요없지만 설치해서 실행해보니 tsx도 ts 명령어와 똑같이 동작함.

---

tsx src/index.ts

타입스크립트 실행

 

tsc --init

타입스크립트 옵션 초기화(tsconfing.json 생성)

---

=옵션 추가내용=

{

  "include": ["src"]

}

 

tsc

src 폴더 내의 모든 ts파일 한번에 컴파일

 

---

 

최신 버전의 자바스크립트 변경으로 설정

 "compilerOptions": {

    "target": "ESNext"

  },

 

(다른 옵션은 이해도가 오르면 추가예정)

 

---

24.6월 업데이트.

 

오류가 났던 이유. 강사 말을 안듣고 tsx로 안하고 굳이 ts-node로 하려고 한점. 

간단하게 문서만 잘 보고 따라하면 문제가 없는데 새로운 것을 다시 받아보고 하기가 좀 거부감이 들었는듯.

 

바로 설치하고 해서 10분만에 잘 강의대초 환경설정 완료함(tsx로 완료)

 

 

 

그리고 이제 관련 코드 같은 경우 깃허브 같은곳에 잘 올려두면 되니까 여기에 정리하는 강박은 이제 내려놓았으면 함.

하지만 정리하면 학습에 도움이 되긴함. 나중에 문서작업에도 도움이 많이되고