[TS] 프로젝트에 tsconfig 설정하기.

 

 

 

 

 

프로젝트를 처음 세팅할 때, TypeScript 로 타입 체크를 어디까지 허용할지, 어떤 설정으로 우리의 프로젝트를 쓸지 고민하던 중 팀원들(+나)의 타입스크립트 능숙도가 그리 높지 않다는 것을 알게되어 기본 타입스크립트 세팅을 하며 쓰는 글.

 

 

 

 

 

tsconfig.json 설정

fucntion add(a,b){
  return a+b;
}

add(10, null);

// noImplicitAny 설정이 꺼져있다면 위의 코드는 타입체커를 통과하고,
// noImplicitAny 설정이 켜져있다면 오류가 된다.

**위의 예시의 경우, 타입스크립트의 설정에 따라 동일 코드라도 타입 체커의 통과 가능여부가 달라진다.

타입스크립트는 설정이 100개 가까이 되기때문에, 우리 프로젝트에서 어떤 타입스크립트 설정을 사용하는지 꼭! 잘 알고 코드를 짜야한다.

타입스크립트 설정은 프로젝트의 최상위 루트의 tsconfig.json 파일을 이용하여 설정하는 것이 좋다.(이를 통해 동료나 다른 도구들이 어떻게 타입스크립트를 사용할 계획인지 알 수 있음.)

 

 

 

 

strictNullChecks 옵션을 껐을 때

const x: number = null;
// 정상, null은 유효한 값.

 

 

 

 

strictNullChecks 옵션을 켰을 때

const y: number = null;
// 오류, 'null'형식은 'number' 형식에 할당할 수 없습니다.

 

 

 

 

 

---

 

 

핵심 제어 기능중 1차로 사용할 옵션

• noImplicitAny - 변수들이 미리 정의된 타입을 가져야 하는지 여부.
• strictNullChecks - null과 undefined가 모든 타입에서 허용되는지 확인.

• TS - noImplicitAny
• TS - strictNullChecks

 

---

 

++ tsconfig.json 설정 옵션(전체) 참고 - https://www.typescriptlang.org/tsconfig

 

 

---

 

🌸 출처 🌸

 

typescriptlang