# tsconfig.json

17개의 포스트

@ alias

2023년 9월 7일
·
0개의 댓글
·
post-thumbnail

Next.js + TypeScript 내용 정리

Next.js tsconfig.json 타입스크립트 컴파일러의 동작을 설정하는 '설정 파일'로서, 컴파일 시 어떤 옵션을 사용하고 어떤 파일을 포함 또는 제외할지를 정의합니다. 파일 확장자 그대로 json 형태로 작성되어 있습니다. 선언 파일(Declaration File) 타입스크립트의 선언 파일은 확장자를 가진 파일을 의미합니다. JS는 동적 언어로 정적인 타입 정보가 부족한 경우가 많으므로, 타입스크립트 컴파일을 위해 코드 또는 외부 라이브러리의 타입 정보를 정의해주는 선언 파일을 사용합니다. CommonJS vs. ES6(ECMAScript2015) CommonJS와 ES6 (ECMAScript 2015)는 둘 다 모듈 시스템의 다른 접근 방식을 나타냅니다. 이 두 가지 모듈 형식은 JavaScript 코드를 구조화하고 모듈화하는 데 사용됩니다. Node.js에서는 기본적으로 CommonJS 모듈 시스템을 사용합니다. CommonJS는 No

2023년 8월 13일
·
0개의 댓글
·
post-thumbnail

[TS] Chapter 3. Typescript 컴파일러 및 구성

Chapter3 목표: Typescript 컴파일러 및 구성 중 컴파일 대상 파일 지정하기 watch mode 파일을 변경할 때마다 일일이 컴파일하는 불편함을 해결할 수 있는 모드이다. 그런데 이또한 여러 파일을 한 번에 컴파일하기 불편하다. TS 프로젝트 초기화: tsc --init 다른 방법으로는 프로젝트 디렉토리가 타입스크립트 프로젝트라고 알려줄 수 있는 방법이다. 이 명령어를 실행하면 tsconfig.json 파일이 생성된다. 이 파일에서는 TS에 대한 여러 설정과 프로젝트 디렉토리 경로에 대한 설정이 있다. 그래서 컴파일을 진행할 때도 파일들의 경로를 지정하지 않고 tsc -w 명령어로만 관찰모드로 파일들을 컴파일할 수 있다. TS 프로젝트에서 파일 관리 제외하기(exclude) ![](https://velog.velcdn.com/images/quswlstkd88/post/8ea4273b-10d1-4fa7-8031-d6e051506

2023년 5월 25일
·
0개의 댓글
·

[typescript] tsconfig.json 설정

tsconfig.json 전역 속성 compilerOptions: 타입스크립트 파일을 진행할 때 어떤 형태로 컴파일을 진행할 지 속성을 정의하는 옵션이다. include: 컴파일을 진행할 파일들을 지정하는 속성이다. 와일드 카드 패턴으로 지정한다. include에 명시되어 있어도 exclude에 명시되어 있으면 제외된다. exclude: 컴파일 대상에서 제외할 파일들을 와일드 카드 패턴으로 지정하는 속성이다. 예시 src의 모든 파일과 디렉토리의 컴파일을 진행한다. 모든 디렉토리에서 .test.ts가 포함된 파일은 컴파일을 제외한다. compilerOptions 옵션 module: 사용할 모듈 시스템을 설정한다. outDir: 컴파일된 js 파일들을 담을 디렉토리를 지정한다. target: 어떤 버전의 JavaScript로 컴파일 할것인지 지정한다. esModuleInterop: commonjs 모듈 시스템과 es6 모듈 시

2023년 4월 18일
·
0개의 댓글
·

TS - tsconfig.json 설정

기본적 compilerOptions target : TS 파일이 변환할 JS 버전 ( ESMAScript 버전 ) module : 다른 모듈에서 내보낸 것을 바인딩 하기 위한 import 문법의 구현 방법 설정 noImplicitAny : any 타입이 의도하지 않게 나타날 경우 제한 stricNullChecks : null 값에 대한 엄격한 검사를 통한 null 및 undifined 조작 제한 removeComments : 주석 삭제 preserveConstEnums : 비슷한 종류의 상수 값을 묶는 용도인 enums 선언을 삭제할지 여부

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

tsconfig.json for BackEnd

tsc --init의 default value는 아니지만, TypeScript로 BackEnd를 개발하면서 default value를 변경해야 하는 값들이다. "experimentalDecorators": true, "emitDecoratorMetadata": true, "strictPropertyInitialization": false, 참고) https://blog.logrocket.com/dependency-injection-node-js-typedi/

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

NestJS를 위한 express 핵심 원리#1

1) > 터미널에서 npm install 시 추적하는 "devDependencies"와 npm start 시 추적하는 "scripts"를 포함하는 package.json 파일의 내용이다. "scripts" 부분을 좀 더 주목할 필요가 있는데, npm strat:dev는 파일을 바로 실행하지 않고 npm prestart를 먼저 실행한다. 이 때, run build 부분에서 "build"에 정의되어 있는 ts compiler를 실행하게 되면 tsc-watch 조건에 따라 성공적인 watch 후 /dist 경로에 생성되는 app.js 파일이 실행된다. >> ts compile 후 js 파일을 생성하는 경로 등의 옵션은 package.json과 같은 층위의 tsconfig.json 파일에 정의되어 있다. >>> https://www.staging-typescript.org/tsconfig 참조 2) > 경로에서 npm i express를 실행하면 package.js

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

TypeScript 에서 컴파일하면 const 가 var 가 되는 이유 (feat. tsconfig.json)

TypeScript를 공부하던 중에, ts 파일을 js로 컴파일하면 const 로 선언한 것이 var 로 바뀌어 있다는 사실을 알게 되었다. JavaScript 공부할때 var 쓰지 말라고 그랬는데 아니 왜 const가 var로 바뀌는 건지, 도대체 왜..? 역시나 정답은 공식문서에 있었다. > Modern browsers support all ES6 features, so ES6 is a good choice. You might choose to set a lower target if your code is deployed to older environments, or a higher target if your code is guaranteed to run in newer environments. The target setting changes which JS featu

2022년 11월 10일
·
0개의 댓글
·

[TypeScript] 컴파일시 세부설정 (tsconfig.json)

🤔 tsconfig파일 생성 프로젝트를 시작하기 전에 폴더에 tsconfig.json이라는 파일을 하나 생성해보자. 여기에 타입스크립트 ts파일들을 .js파일로 변환할 때 어떻게 변환할 것인지 세부설정이 가능함. 리엑트나 뷰를 쓰는 중이라면 이미 있을 수 있음. 그리고 json파일 안에 위 코드를 복붙해주었음. target 타입스크립트 파일을 어떤 버전의 js로 컴파일(변환) 정하는 부분임 es5로 셋팅해놓으면 es5버전 js로 컴파일해줌 module js파일 간 import문법을 구현할 때 어떤 문법을 쓸지 정하는는 곳 commonjs는 require문법 es2015, esnext는 import문법을 사용함 그래서 어느정도 IE호환성을 원한다

2022년 10월 23일
·
0개의 댓글
·
post-thumbnail

tsconfig.json 옵션

2022년 9월 20일
·
0개의 댓글
·
post-thumbnail

[TypeScript] error TS18003

error TS18003: No inputs were found in config file ... 기존 프로젝트 안에서 타입스크립트를 설치하는 과정에 오류가 생겼다. 분명히 npm install -g typescript를 해서 설치했고, npm typescript -v 버전도 확인했다. 그런데 tsconfig.json 파일이 에러를 토해내는 것이다. error 분명 루트에 파일을 위치시켰는데 뭐가 문제인지 구글링을 시작했다. 같은위치에 ts파일이 있어야 한다는 글을 봐서 빈 ts파일을 생성했는데도 여전히 에러가 생겼다. 다시 구글링을 한 결과, next 버전이 안맞아서 그럴 수 있다고 한다. 그래서 npm install next@latest 을 하니 에러가 사라지면서 next-

2022년 8월 12일
·
0개의 댓글
·

tsconfig.json

tsconfig.json을 모두 번역해 놓은 블로그가 있어 링크를 첨부한다. 굉장히 좋은 글이군! tsconfig.json

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

tsconfig.json

typescript 라이브러리 우리가 작성한 TypeScript 파일은 브라우저가 이해할 수 없기 때문에 이를 순수 JavaScript파일로 변환해주는 작업(컴파일)이 필요합니다. 컴파일을 위해서 타입스크립트 컴파일러인 typescript라는 외부 라이브러리를 설치해서 타입스크립트 컴파일 명령어를 실행할 수 있습니다. npm install typescript -g : typescript 라이브러리를 로컬 시스템 전역에 설치해줍니다. tsc tsc : tsc 명령어를 사용하여 TypeScript 파일을 컴파일하면 컴파일된 JavaScript 파일이 결과물로 반환됩니다. 기본적으로 타입스크립트에서 발생한 에러를 컴파일 도중에 감지하더라고 컴파일을 차단하지 않고 단지 발생한 에러에 대해서 알려주고 자바스크립트 파일로 컴파일합니다. watch mode 타입스크립트 파일이 변경된 경우 매

2022년 2월 23일
·
0개의 댓글
·

[프로젝트]TypeScript tsconfig 설정

이번에 프로젝트 초기세팅을 하면서 TS 설정을 CNA를 그대로 가져와썻지만 설정항목이 무엇인지 확인하고 쓰고자 알아보았다. 기타 설정은 설명을 보고 알겠는데 noEmit과 esModuleInterop 두가지는 정말 와닿지가 않더라... 결국 일단 CNA설정을 따라가는걸로 했는데 설명을 봐도 모르겠으니 아직 내 지식이 부족함을 어쩌겠냐마는... 역시 배움에는 끝이없다 ㅠㅠ 📚 tsconfig 참조 링크 입니다. 자세한 옵션 설명 정리 잘된 옵션 설명 lib옵션 관련 블로그

2021년 9월 15일
·
0개의 댓글
·
post-thumbnail

{ tsconfig.json } 제대로 알고 사용하기

typescript로 프로젝트를 진행하면서 '도대체 내가 뭘 하고 있는지 모르겠다'는 생각이 들기 시작했다. tsconfig.json을 만들기는 만들었는데 뭘 하고 있는지도 모르고 그저 문서에 나와 있는 대로, 또는 문제가 생겼을 때 검색해서 나온 대로 설정만 했을 뿐이었다. 납득이 가지 않는 것을 도저히 참지 못하는 성격이기에 typescript 공식문서를 읽고 그 외 여러 가지 자료를 본 것을 이 글에서 정리하고자 한다. 주의 본 글에서는 typescript 자체에 대한 설명은 하지 않는다. vscode에서 typescript 프로젝트를 진행한다고 가정하고 typescript 설치 방법 등은 생략한다. 또한 module 방식에 대해서는 ES6로 방식을 기준으로 설명한다. tsc 사용하기 우선 tsconfig.json을 만들지 않아도 우리는 tsc를 그냥 사용할 수

2021년 8월 21일
·
9개의 댓글
·
post-thumbnail

TypeScript - 1

TypeScript 란? 자바스크립트의 여러 단점들을 새롭게 보완해주는 언어입니다. 자바스크립트로 만들어졌으나 자바스크립트로 실행되는 환경에서 타입스크립트는 실행되지 못합니다. 이를 위해서 자바스크립트의 다양한 단점들을 커버한 타입스크립트로 만든 코드를 다시 자바스크립트로 컴파일변환을 하여 실행을 합니다. 다시 돌아와 자바스크립트의 가장 큰 단점을 뽑느다면 유형 검사입니다. 위 그림에서의 코드를 보자면 2와 3이 문자열 타입으로 들어갔습니다. 이때 function add의 원래 본 목적은 숫자 2개를 받아 더하여 반환하는 것이나 자

2021년 6월 2일
·
0개의 댓글
·

CRA로 React Typescript 프로젝트 생성시 기본 tsconfig.json 파일

tsconfig.json 파일에서 typescript 컴파일러 환경 설정을 한다.

2019년 12월 20일
·
0개의 댓글
·