[TypeScript] 시작하기

TypeScript 프로젝트 시작하기

TypeScript 설치

먼저 Node.js와 npm이 설치되어 있어야 합니다. 프로젝트로 이동한 뒤 타입스크립트를 설치합니다.

npm install typescript

간단한 예제 작성

// book.ts
interface Book {
  title: string;
  pages: number;
}

function printBookInfo(book: Book): string {
  return `${book.title} - ${book.pages} 페이지`;
}

const myBook: Book = { title: "TypeScript 배우기", pages: 300 };
console.log(printBookInfo(myBook));

컴파일 및 실행

npx tsc book.ts
node book.js

출력

TypeScript 배우기 - 300 페이지
  • interface로 객체 구조 명시
  • 타입 지정: 매개변수와 반환값에 타입 정의
  • 컴파일 후 실행

HTML에 포함

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>TypeScript 입문</title>
</head>
<body>
  <h1>책 정보 확인</h1>
  <p>콘솔에서 결과를 확인하세요.</p>
  <script src="book.js"></script>
</body>
</html>