npm init
npm i typescript
npm i -g typescript여기서 g를 붙이면 typescript를 명령어로 쓸 수 있다.
tsctypescript compile이라고 보자. 즉 typescript를 compile해서 javascript로 바꿔주는 역할을 한다.
이후 해당 폴더로 가서 명령어를 쳐보자
cd lecture
cd lecture/.../...(lecture안에 하위폴더에서 진행하는 경우)
tsc lecture.ts
ts가 tsc를 통해서 js파일로 바뀐다.
즉 흐름이 html은 js만 불러오고 js는 안 건들고 ts만 작업을 한다. ts파일을 tsc로 js파일로 바꿔준다. 그러면 html이 바꿔진 결과물인 js를 불러와서 그거를 실행시킨다.
// html파일
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>내가 하고싶은 제목</title>
</head>
<body>
<script src="filename.js"></script>
</body>
</html>
그리고 npx를 쓰면 진행하는 프로젝트 버전이랑 명령어 버전을 일치시킬 수 있다.
npx tsc -w
<출처 조현영: 웹게임을 만들며 배우는 TypeScript>
웹 게임을 만들며 배우는 TypeScript - 인프런 | 강의
웹 게임을 만들며 배우는 자바스크립트의 후속작으로 같은 게임을 타입스크립트로 만들어봅니다., 타입스크립트, 웹 게임을 만들며 재밌게 배워보아요! 🗒 강의소개 웹 게임을 만들며 배우는
www.inflearn.com
'Typescript > TypeScript(ZeroCho)' 카테고리의 다른 글
| 커스텀 패키지 타이핑 (0) | 2021.10.21 |
|---|---|
| 남의 패키지인 Redux & Axios 사용하기 (0) | 2021.10.21 |
| TS 모듈 시스템의 주의사항 (0) | 2021.10.21 |
| JS 모듈 시스템 (0) | 2021.10.21 |
| ts 간단한 변경사항 (0) | 2021.10.21 |