TypeScript 설치 방법 단계별 가이드

TypeScript는 정적 유형을 추가하여 JavaScript를 기반으로 구축된 인기 있는 프로그래밍 언어입니다. TypeScript를 설치하는 것은 간단한 과정이며, 이 가이드에서는 컴퓨터에 설정하는 단계를 안내합니다.

필수 조건

TypeScript를 설치하기 전에 Node.js와 npm(Node Package Manager)이 설치되어 있는지 확인하세요. Node.js는 JavaScript와 TypeScript를 실행하기 위한 런타임 환경을 제공하는 반면, npm은 패키지와 종속성을 관리하는 데 사용됩니다.

npm이 포함된 Node.js을 다운로드하여 설치합니다.
터미널에서 다음 명령을 실행하여 설치를 확인하세요.

node -v
npm -v

이러한 명령이 버전 번호를 반환하면 TypeScript를 설치할 준비가 된 것입니다.

TypeScript 설치

TypeScript는 시스템에 전역적으로 설치하거나 특정 프로젝트 내에서 로컬로 설치할 수 있습니다. 두 가지 방법을 모두 다루겠습니다.

글로벌 설치

TypeScript를 전역적으로 설치하면 시스템의 어디에서나 TypeScript 컴파일러(`tsc`)를 사용할 수 있습니다.

터미널이나 명령 프롬프트를 엽니다.
다음 명령을 실행하여 TypeScript를 전역적으로 설치합니다.

npm install -g typescript

이 명령은 TypeScript 패키지를 전역적으로 다운로드하고 설치합니다. TypeScript 버전을 확인하여 설치를 확인할 수 있습니다.

tsc -v

로컬 설치

프로젝트별 설정에는 로컬에 TypeScript를 설치하는 것이 좋습니다. 이렇게 하면 다른 프로젝트에서 다른 버전의 TypeScript를 사용할 수 있습니다.

터미널을 사용하여 프로젝트 디렉토리로 이동합니다.

cd path/to/your/project

다음 명령을 실행하여 TypeScript를 로컬에 설치하세요.

npm install typescript --save-dev

설치 후에는 프로젝트 스크립트에 TypeScript를 추가하거나 `npx` 명령을 사용하여 TypeScript 컴파일러를 직접 실행하여 TypeScript를 사용할 수 있습니다.

npx tsc -v

TypeScript 구성

TypeScript는 컴파일러 옵션과 프로젝트 설정을 지정하기 위해 구성 파일(`tsconfig.json`)이 필요합니다. 이 파일은 수동으로 만들거나 TypeScript CLI를 사용하여 생성할 수 있습니다.

기본 `tsconfig.json` 파일을 생성하려면 다음을 실행하세요.

npx tsc --init

이 명령은 기본 설정으로 프로젝트 디렉토리에 `tsconfig.json` 파일을 만듭니다. 이 파일을 수정하여 프로젝트 요구 사항에 따라 컴파일러 옵션을 사용자 정의할 수 있습니다.

설치 확인

TypeScript가 올바르게 설치되었는지 확인하려면 간단한 TypeScript 파일을 만들고 컴파일하세요.

다음 내용으로 `hello.ts`라는 이름의 새 TypeScript 파일을 만듭니다.

let message: string = "Hello, TypeScript!";
console.log(message);

TypeScript 컴파일러를 사용하여 TypeScript 파일을 JavaScript로 컴파일합니다.

npx tsc hello.ts

이렇게 하면 같은 디렉토리에 `hello.js` 파일이 생성됩니다. Node.js를 사용하여 컴파일된 JavaScript 파일을 실행합니다.

node hello.js

콘솔에 "Hello, TypeScript!"가 인쇄되어야 합니다.

결론

TypeScript 설치는 Node.js를 설정하고, TypeScript를 전역 또는 로컬로 설치하고, 프로젝트를 구성하는 간단한 프로세스입니다. 이러한 단계를 따르면 TypeScript가 실행되어 정적 타이핑과 고급 기능으로 개발 경험을 향상시킬 준비가 됩니다.

typescript 설치 설정 글로벌 로컬 구성 npm 노드 컴파일러 프로젝트 구성 확인 명령 파일