typeScript 시작하기

---

1. npm init

• 프로젝트 초기화를 위한 명령어

• 프로젝트에 필요한 기본 정보를 담고 있는 package.json 파일 생성

• npm init -y

  • y 옵션은 기본 설정(이름, 버전 등)을 자동으로 적용하여 빠르게 초기화

• 결과

  • package.json 파일이 생성
  • 프로젝트에서 의존성을 관리할 준비 완료

---

2. npm i @types/node

• Node.js 환경에서 사용할 수 있는 타입 정의 파일을 설치
• TypeScript는 타입 정의 파일이 있어야 Node.js의 기본 API를 인식

npm install @types/node --save-dev

• 결과:
  • node_modules/@types/node 폴더에 타입 정의 파일이 설치
  • package.json의 devDependencies 섹션에 추가

---

3. npm i typescript -g

• TypeScript 컴파일러를 어느 디렉터리에서든 TypeScript를 사용할 수 있도록 글로벌로 설치

npm install -g typescript

• 결과
  • tsc(TypeScript Compiler) 명령어를 사용 가능
  • TypeScript 코드를 JavaScript로 변환(컴파일)가능

---

4. tsc -v

설치된 TypeScript 컴파일러의 버전을 확인

tsc -v

• 결과
  • TypeScript 컴파일러의 버전 번호 출력

---

5. npm install -g tsx

• tsx는 TypeScript 코드를 실행하는 도구

• tsc는 TypeScript를 JavaScript로 변환한 뒤 실행해야 하지만, tsx는 변환 없이 바로 실행

• 결과

  • 글로벌로 tsx 명령어가 설치
  • TypeScript 파일을 컴파일 없이 실행

---

6. tsx .\index.ts

• 작성된 TypeScript 파일(index.ts) 실행

tsx ./index.ts

• index.ts 예제

  • console.log("hello TypeScript");

• 결과

  • 터미널에 아래와 같이 출력
    • hello TypeScript

---

7. tsc --init

• 명령어를 실행하면 프로젝트 디렉토리에 tsconfig.json 파일이 생성

정리:실행 환경 구성 순서

1. 프로젝트 초기화: npm init -y
2. Node.js 타입 정의 설치: npm install @types/node --save-dev
3. TypeScript 컴파일러 설치: npm install -g typescript
4. TypeScript 컴파일러 버전 확인: tsc -v
5. tsx 설치: npm install -g tsx
6. TypeScript 실행: tsx ./index.ts
7. tsconfig.json 실행: 타입스크릅티 설정 파일 추가