본문 바로가기
프론트엔드 개발/TypeScript

.ts 파일을 .js 파일로 변환하는 방법

by 아름다운 미소 2023. 5. 30.

1. .ts 파일은 브라우저에서 실행되지 않으므로 .js 파일을 생성해야 됩니다. 그래서 터미널에 'tsc [파일명].ts' 명령어를 입력하고 엔터를 치면 .js 파일이 나타납니다. 만약 해당 명령어가 실행되지 않는다면, TypeScript를 설치하세요. 

tsc [파일명].ts // ex) tsc gugudan.ts

※ 참고 : typescript는 패키지 이름이며 tsc는 TypeScript를 컴파일해서 JavaScript로 바꿔 주는 명령어입니다.

'tsc gugudan.ts'를 입력하고 엔터를 치면 gugudan.js 파일이 자동으로 생성된 모습

2.  생성된 .js 파일을 실행하는 파일에 스크립트 경로로 지정합니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>타입스크립트로 구구단 만들기</title>
</head>
<body>
  <script src="gugudan.js"></script>
</body>
</html>

'프론트엔드 개발 > TypeScript' 카테고리의 다른 글

tsconfig.json이란 무엇인가?  (1) 2023.12.08
lib.dom.d.ts이란 무엇인가?  (0) 2023.06.01
watch 설정  (0) 2023.05.30
TypeScript 설치  (0) 2023.05.30
TypeScript 소개  (0) 2023.05.30

댓글