[타입스크립트(TypeScript)] 타입스크립트란?

// 타입스크립트, TypeScript

- 자바스크립트에 새로운 기능을 더한 언어

- 개발 시점에 정적 타입 검사를 지원한다.

- 코드를 작성해서 실행하면 자바스크립트 코드로 변환해주는 컴파일러로, 런타임 오류를 미리 발견하기 쉽다.

- 변수, 함수의 매개변수, 객체 속성 등 타입을 명시적으로 선언할 수 있다.

- ES6+ 자바스크립트를 지원한다.

- IDE를 사용하면 코드 자동 완성, 인터페이스 정보 표시, 직접적인 오류 표시 등의 기능 등이 지원된다.

- 적용

1. React 프로젝트에서 사용
2. Node.js 프로젝트에서 사용

---

1. React 프로젝트에서 사용

- Vite로 생성

npm create vite@latest 프로젝트명 -- --template react-ts

- Create React App으로 생성

npx create-react-app 프로젝트명 --template typescript

---

2. Node.js 프로젝트에서 사용

1) 폴더 생성 후 프로젝트 초기화

npm init

2) 타입스크립트 설치

npm install typescript @types/node --save-dev

3) src 폴더에 .ts 파일로 코드 작성

4) build 스크립트 추가

"scripts": {
  "build": "tsc"
}

- package.json에 build 스크립트를 추가한다.

5) 코드 컴파일

npm run build

---

※ build 스크립트를 추가하지 않고 컴파일 하는 방법

npx tsc 파일명.ts