tsConfig.json

• 이 파일은 프로젝트에서 타입스크립트를 사용하는 특정 프로젝트에 추가할 수 있다.

• 그래서 앞서 포스팅했든 TS=> JS로 컴파일해주는 작업이 필요한데 그 컴파일에 관한 사항을 구성하는 파일이다.

1. target : 작성한 코드를 어떤 JS 버전으로 변환할 건지 결정한다.
   예전 버전으로 지정하면 구 버전의 브라우저도 지원할 수 있다
   - 하지만 프로젝트 환경에 따라 이 target 옵션 외에도 여러 요소가 컴파일 결과에 영향을 준다.
   - 프로젝트 설정에 따라 TS 코드가 JS 컴파일된 후 또 다른 컴파일 단계를 거칠 수도 있다
   예를들어 “Babel” 같은 개발 도구를 사용할 경우 산출된 자바스크립트 코드를 가지고 추가 작업을 하기도 한다.
   - 그래서 반드시 이 부분에서 컴파일이 끝난다고 할 순 없지만 보통은 그렇고
   이 옵션은 어떤 버전의 JS 코드로 TS 코드를 변환할지 정하는 부분이다.

2. lib : 타입스크립트 라이브러리이다.
   여기 포함된 라이브러리는 어떤 타입이 타입스크립트에서 기본으로 지원되는지 결정한다.
   - 이 라이브러리들은 사실 타입스크립트에 내장돼 있다.
   그래서 추가적인 패키지를 설치할 필요가 없다.
   - 하지만 프로젝트에서 사용하려면 여기에 이름을 추가해야 한다.
   - 예를 들어, ‘dom’ 라이브러리를 여기 추가하여 기본 DOM 타입(예를들어 HTMLInputElement)들을 타입스크립트가 이해할 수 있게 된다.

3. allowJS : .js 파일 포함 여부를 결정한다.
   -일반 자바스크립트 파일을 프로젝트에 둘 건지 일반 자바스크립트 파일로부터 뭔가 가져올 때 오류를 표시하지 않을 건지

   • 만약 타입스크립트와 자바스크립트를 함께 사용하고 싶다면 이 설정을 사용하면 된다.

4. strict : 이 옵션은 매우 중요하다.

   • 이 옵션을 true로 설정하면 이 프로젝트에 가장 "엄격한" 설정이 적용된다.
   • 예를 들어, 이 모드에서는 묵시적인 any 타입을 사용할 수 없게되는 것이다.
   • 또한 이 상태에서는 다른 검증기능들도 활성화 된다.

5. jsx : 그냥 의미 있는 정도이다.

   • 이 옵션으로 JSX 코드를 지원할 건지 결과물로 어떤 코드를 생성할 건지 결정한다.

자세한 것은 공식문서의 옵션에 대한 자세한 설명을 볼 수 있다.