[JavaScript] TypeScript 사용법
-
설치
npm install -g typescript
-
버전 확인
tsc -v
//-------------------
-
초기화
tsc -init
- tsconfig.json 파일 생성됨
//-------------------
- tsconfig.json 파일 설정 수정
"compilerOptions": {
"target": "es2018",
...
},
"include": [
"public/js"
],
"exclude": [
"node_modules",
"**/*.spec.ts"
]
//-------------------
-
컴파일(빌드)
https://www.typescriptlang.org/docs/handbook/compiler-options.html-
타입스크립트를 자바스크립트 코드로 변환
-
*.ts -> *.js
tsc test.ts
-
.ts 생략 가능, ECMAScript 버전 지정 가능
tsc test -t ES2015
-
tsconfig.json의 설정을 적용받으려면 tsc 뒤에 파일이름을 쓰면 안된다
tsc
-
tsc 명령은 모든 파일 무조건 다시 컴파일 한다.
-
//-------------------
- 파일 저장하면 자동 빌드
tsc --watch
//-------------------
- 변경된 파일만 빌드
tsc 명령은 모든 *.ts파일을 컴파일 한다- 컴파일러가 모든 타입을 알아야 하기 때문이다
- 변경된 파일만 컴파일하고 싶다면 --watch 옵션을 사용해야 한다
tsc -watch
//-------------------
- 기존 작성된 자바스크립트 파일의 함수 사용하기
declare var library_function: any;
//--------------
// 참고
https://poiemaweb.com/typescript-introduction
반응형
'Code > JavaScript' 카테고리의 다른 글
[Javascript] Node.js CMS 리스트 (0) | 2020.07.29 |
---|---|
[Javascript] 문서로딩 완료 코드 실행 되는 순서 (0) | 2020.07.09 |
[Javascript] 함수형 프로그래밍 (0) | 2020.04.05 |
[Javascript] Lodash 같은 라이브러리 만들기 (0) | 2020.04.04 |
[Javascript] 배열, 객체 Deep Copy (0) | 2020.04.04 |