상세 컨텐츠

본문 제목

타입스크립트를 사용하는 방법

웹 < 프론트앤드 >/타입스크립트

by 코린’s 2023. 7. 26. 16:46

본문

728x90
반응형

타입스크립트를 사용하는 방법

생성일: 2023년 7월 26일 오후 3:38

타입스크립트를 사용하는 방법은 다음과 같습니다.

타입스크립트 설치

: 먼저, 타입스크립트를 사용하기 위해서는 Node.js와 npm(Node Package Manager)이 설치되어 있어야 합니다.

설치되어 있지 않다면, Node.js 공식 웹사이트(https://nodejs.org/)에서 Node.js를 다운로드하여 설치합니다.

Node.js 설치에 따라 npm도 함께 설치됩니다.

설치가 완료되었다면, 커맨드 라인(CMD, 터미널 등)을 열고 다음 명령을 실행하여 타입스크립트를 전역으로 설치합니다.

npm install -g typescript

타입스크립트 프로젝트 초기화

: 타입스크립트 프로젝트를 시작하기 위해 프로젝트 폴더를 생성한 후 해당 폴더에서 다음 명령을 실행하여 타입스크립트 프로젝트를 초기화 합니다.

tsc --init

위 명령을 실행하면 tsconfig.json 파일이 생성됩니다. 이 파일은 타입스크립트 컴파일러에 대한 설정을 담고 있습니다.

타입스크립트 코드 작성

: .ts 확장자를 가진 파일에 타입스크립트 코드를 작성합니다.

타입스크립트는 자바스크립트의 상위 집합이기 때문에 대부분의 자바스크립트 코드를 그대로 사용할 수 있습니다.

다만, 타입 정보를 추가해야 합니다.

예시: app.ts 파일

function add(a: number, b: number): number {
    return a + b;
}

let result: number = add(2, 3);
console.log(result); // 5 출력

타입스크립트 컴파일

: 작성한 타입스크립트 코드를 자바스크립트로 변환하기 위해 컴파일 합니다. 이를 위해 다음 명령을 실행합니다.

tsc

컴파일이 성공적으로 완료되면, app.js 파일이 생성됩니다.

자바스크립트 실행

: 컴파일된 app.js 파일을 실행하여 자바스크립트 코드가 정상적으로 동작 하는지 확인합니다.

위 명령을 실행하면 콘솔에 "5"가 출력됩니다.

예시

node app.js

위와 같은 단계를 따라 하면 기본적인 타입스크립트 프로젝트를 시작할 수 있습니다.

타입스크립트는 코드의 안정성과 유지 보수성을 향상시켜주는 강력한 언어이며, 대규모 프로젝트에서의 개발 생산성을 높여주는 도구입니다.

타입스크립트의 강점을 잘 활용하여 개발하시기 바랍니다.

728x90
반응형