프론트엔드-코드/타입스크립트 3

3. 타입스크립트 컴파일 설정 파일 - 미완

tsconfig.json이라고 타입스크립트가 자바스크립트 변환하는 것에 대한 설정을 모두 정의해 놓는 파일이다. 보통 tsconfig.json은 TypeScript 프로젝트의 루트 디렉토리에 위치한다. 여기에 설정을 정의해 놓으면 일일히 파일 대상이나 옵션을 지정하지 않아도 된다. 그냥 그 폴더에서 tsc나 ts-node 하면 된다.

2. @types 라이브러리

타입스크립트는 자바스크립트의 한 라이브러리.. 라고 볼 수 있다. 만약 JQuery, React, lodash 등 다른 라이브러리를 타입스크립트와 함께 사용하려고 한다면.. 저러 한 라이브러리의 내부 코드에는 변수에 대한 타입정의가 되어있지 않아 타입스크립트는 저 라이브러리 내의 변수들에 대한 타입을 추론할 수 없다. 이 경우 @types라는 타입스크립트 추론 보조 라이브러리를 설치하면 된다. jQuery, React같이 대중적인 것은 @types/라이브러리명 과 같이 제공된다. 이 보조라이브러리에는 필요한 각 코드에 대한 타입이 정의된 .d.ts 파일들이 들어있다.

1. 시작

타입스크립트란. 일단 느낌상으로는 정확히 타입을 지정해 주는 것 같다. 확장자 : ts파일 ts -> 타입스크립트 컴파일러 -> 자바스크립트 타입스크립트는 독자적 언어처럼 보이지만, 라이브러리이기도 하다. 그래서 컴파일 느림. 노드js가 필요함. npm i -g typescript -g는 글로벌이란 뜻. 지역말고 전체적으로 사용할 수 있게끔 설치한단 뜻. 그 다음 ts파일을 만들고 코드를 쓰면 된다. const message: string = 'hello world'; console.log(message); message의 타입을 string으로 한다는.. let 변수명:타입명; 이렇게 코드를 다 짜고 나면, 콘솔로 그 스크립트 짠 곳 가서, tsc 파일명.ts 하면 컴파일이 되는거다. 그러면 js 파일..