Typescript 시작하기
TS파일은 컴파일 과정을 거쳐 JS파일로 변환해야 브라우저에서 사용할 수 있다.
콘솔에서 npm 명령어를 통해 typescript를 다운받는다.
npm i typescript -gtypescript로 코딩한 후, 아래 명령어로 컴파일한다.
tsc index.ts(파일 이름이 index.ts 인 경우)
위 명령어를 입력하면 index.js라는 파일이 만들어진다.
아래 사이트에서 컴파일 후의 JS파일을 확인해 볼 수 있다.
https://www.typescriptlang.org/play
TS Playground - An online editor for exploring TypeScript and JavaScript
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.
www.typescriptlang.org
Typescript 컴파일 설정하기
컴파일 할 때 필요한 설정은 같은 폴더 내의 tsconfig.json 파일에서 설정
여러가지 컴파일 설정은 아래 사이트에서 확인할 수 있다.
https://www.typescriptlang.org/tsconfig
TSConfig Reference - Docs on every TSConfig option
From allowJs to useDefineForClassFields the TSConfig reference includes information about all of the active compiler flags setting up a TypeScript project.
www.typescriptlang.org
가장 기본적인 설정은 아래와 같다.
|
1
2
3
4
5
6
7
|
{
"compilerOptions": {
"allowJs": true,
"checkJs": true,
"noImplicitAny": true
}
}
|
cs |
강의
타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의
타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관
www.inflearn.com
'Typescript' 카테고리의 다른 글
| [Typescript] 인터페이스의 확장(상속), 타입 별칭 (0) | 2022.07.11 |
|---|---|
| [Typescript] 인터페이스와 배열, 딕셔너리 (0) | 2022.07.11 |
| [Typescript] 인터페이스(interface) (0) | 2022.07.11 |
| [Typescript] Typescript의 기본 타입 (0) | 2022.07.11 |
| [Typescript] Typescript란? Typescript의 장점 (0) | 2022.07.11 |