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>
'TypeScript' 카테고리의 다른 글
[TypeScript] 문자열 다루기 (0) | 2025.02.21 |
---|---|
[TypeScript] 정밀한 숫자 처리 (0) | 2025.02.21 |
[TypeScript] 데이터 타입 분석 (0) | 2025.02.21 |
[TypeScript] 변수와 스코프 (0) | 2025.02.21 |
[TypeScript] 타입으로 강화된 JavaScript (0) | 2025.02.21 |