본문 바로가기

Next.js

typescript - 정리, 컴파일러 옵션 설정하기

 

 

js 컴파일 과정은 아래와 같음 

 

반면에 타입스크립트는 js를 만들어냄 

 

npm i @types/node 로 하자 

이걸 설치해야 typescript를 node.js가 알아들을 수 있다 

 

그리고 typescript 컴파일러를 설치해야한다

 

npm install typescript -g

로 설치하자 

 

tsc -v로 버전을 확인할 수 있음

 

tsc src/index.ts로 컴파일하면 index.ts에서 index.js 파일이 생긴다 

 

 

tsx를 깔면 js 없이 바로 실행 가능함 

 

 

 

컴파일러 옵션을 직접 설정해보자 

 

tsc를 쓰면 자동으로 다 있음

tsc --init

이걸로 초기화 해보자 

그럼 tsconfig.json이란 타입스크립프트 컴파일러가 생긴다 

 

다 지우고 {} 만 두고 수정하자

 

 

 

strict를 하면 매개변수 검사가 빡세다 ... 

 

false로 바꿔두기

 

 

동일한 변수가 2군데에 있음 -> 걸림

둘 다 전역 변수로 인식이 됨

 

export를 넣으면 그 파일은 전역이 아님

 

 

두개 방법 중에 하나 하면 된다.

moduledetection 설정하거나 , export {} 넣기 !

 

moduledetection 넣고 tsc를 입력하면 자동으로 export가 생김

 

 

'Next.js' 카테고리의 다른 글

typescript - 초기에 타입스크립트 프로젝트 실행하기  (0) 2025.05.20