💻 TypeScript가 무엇인가요? 개발자를 위한 실용적인 가이드 🛠

타입스크립트란?

TypeScript은 JavaScript의 모든 유연성과 동적 프로그래밍 기능 위에 a type system을 제공하는 Microsoft에서 만든 인기 있는 JavaScript 상위 집합입니다.

이 언어는 오픈 소스 프로젝트licensed under the Apache License 2.0로 구축되었으며 매우 활발하고 활기찬 커뮤니티를 보유하고 있으며 처음 시작된 이후로 크게 도약했습니다.

TypeScript 설치

TypeScript를 시작하고 모든 예제를 시도하려면 컴퓨터에 TypeScript 변환기를 설치하거나(자세한 내용은 다음 단락 참조) official online playground 또는 원하는 다른 변환기online solution를 사용할 수 있습니다.

로컬에서 예제를 시도하려는 경우 Node.js에서 실행되는 명령줄 변환기를 설치해야 합니다. 먼저 시스템에서 install Node.js and npm 해야 합니다. 그런 다음 Node.js 프로젝트를 만들고 TypeScript 변환기 패키지를 설치할 수 있습니다.

# Create a new directory for your project
mkdir typescript-intro

# Make your project directory the current directory
cd typescript-intro

# Initialize a new Node.js project
npm init -y

# Install the TypeScript compiler
npm i typescript

이것은 현재 프로젝트에 tsc (TypeScript Compiler) 명령을 설치합니다. 설치를 테스트하려면 다음 코드를 사용하여 프로젝트 디렉터리 아래에 index.ts라는 TypeScript 파일을 만듭니다.

console.log(1);

그런 다음 트랜스파일러를 사용하여 JavaScript로 변환합니다.

# transpiling index.ts to index.js
npx tsc index.ts

그러면 TypeScript 파일과 완전히 동일한 코드로 index.js라는 새 파일이 생성됩니다. node 명령을 사용하여 이 새 파일을 실행하십시오.

# this will output 1
node index.js

변환기가 JavaScript 파일을 만들고 원본 코드를 복사하는 것 외에 다른 작업은 수행하지 않았지만 이 단계를 통해 TypeScript 설치가 양호한 상태인지 확인하고 다음 단계를 처리할 준비가 되었습니다.

Note: TypeScript versions can have substantial differences even though they get released as minor revisions. It's common to bump into transpilation problems after a minor version update. For that reason, it is better to install TypeScript locally in your project and execute it using npx when needed instead of relying on a global TypeScript installation.

Read more...