TypeScript란 무엇인가?
TypeScript는 Microsoft에 의해 개발된 오픈 소스 언어로, JavaScript에 타입 시스템을 추가한 것이다. TypeScript는 크로스 플랫폼을 지원하며, JavaScript가 실행되는 모든 곳에서 실행될 수 있다. TypeScript 코드는 TypeScript 컴파일러(TSC)를 통해 JavaScript 코드로 변환되어 실행된다. 이 언어는 개발자가 코드에 대한 더 명확한 의도를 표현하고, 컴파일 타임에 타입 체크를 통해 실수를 줄일 수 있도록 도와준다.
설치 방법
TypeScript를 설치하고 사용하기 위한 방법은 여러 가지가 있지만, 가장 일반적인 방법은 npm(Node Package Manager)을 사용하는 것이다. npm은 Node.js에 포함된 패키지 관리자로, Node.js를 설치하면 자동으로 설치된다. TypeScript는 npm을 통해 쉽게 설치하고 관리할 수 있다.
Node.js 및 npm 설치
TypeScript를 설치하기 전에, Node.js가 시스템에 설치되어 있어야 한다. Node.js를 설치하면 npm도 함께 설치된다.
Node.js 설치: Node.js 공식 웹사이트(https://nodejs.org)에서 시스템에 맞는 Node.js 버전을 다운로드하고 설치한다.
설치 확인: 설치가 제대로 되었는지 확인하기 위해, 터미널이나 명령 프롬프트에서 다음 명령어를 실행한다.
node -v
npm -v새 React 프로젝트 생성 시 TypeScript 사용
다음 명령어를 사용하여 TypeScript를 사용하는 새 React 프로젝트를 생성한다.
npx create-react-app my-app --template typescript또는 Yarn을 사용하는 경우:
yarn create react-app my-app --template typescript이 명령은 TypeScript를 설정하고, .ts 및 .tsx 확장자를 사용하는 기본적인 React 프로젝트 구조를 생성한다.
기존 React 프로젝트에 TypeScript 추가
기존 React 프로젝트에 TypeScript를 추가하는 것도 간단하다.
프로젝트 디렉토리에서 다음 명령어를 실행한다.
npm install --save typescript @types/node @types/react @types/react-dom @types/jest또는 Yarn을 사용하는 경우:
yarn add typescript @types/node @types/react @types/react-dom @types/jest그리고 프로젝트의 루트에 tsconfig.json 파일을 생성하거나 npx tsc --init 명령어를 실행하여 TypeScript 설정 파일을 초기화할 수 있다. 그 후, .js 파일 확장자를 .ts 또는 .tsx (React 컴포넌트의 경우)로 변경하고, 필요에 따라 타입을 추가하여 TypeScript를 사용하기 시작할 수 있다.
