[ TypeScript ] TypeScript설치 및 실행 & 작동 방법

1. package.json 파일 생성

---

종속 라이브러리를 설치하는데 이 파일이 필요합니다.

npm init -y

 

2. TypeScript 파일 설치 

---

npm install typescript

 

이제 타입스크립트 컴파일을 사용할 수 있게 됩니다.

 

3. TypeScript 실행 

---

Extra
타입스크립트는 자바스크립트와 달리 코드가 브라우저에서 코드를 실행하지 않습니다. 그래서 타입스크립트를 자바스크립트 형태로 컴파일해야 합니다. 컴파일이 진행되는 동안 타입 표기는 모두 삭제됩니다. 왜냐하면 자바스크립트는 타입 표기를 이해하지 못하기 때문입니다. 컴파일 단계에서는 우리가 코드를 작성하면서 미처 발견하지 못했던 오류들을 찾아 알려줍니다. 컴파일된 코드는 브라우저에서 실행이 됩니다.

 

컴파일러를 사용하려면 아래 명령어를 실행해야 합니다.

npx tsc

 

위에 명령어를 입력하면 오류가 발생할 수 있습니다. 그 이유는 명령어를 위에 처럼만 실행할 경우 타입스크립트 구성 파일을 프로젝트 폴더에 추가해 타입스크립트에게 컴파일할 파일을 알려줘야 하기 때문입니다.

 

구성 파일은 나중에 추가하고 일단은 명령어를 살짝 바꾸어 컴파일할 파일을 직접 지정할 수 있습니다.

npx tsc 나는타입스크립트파일.ts

 

그럼 지정된 파일이 컴파일이 됩니다.

 

컴파일 도중 오류가 나더라도 오류만 알려주고 컴파일은 완료됩다. 그리고 자바스크립트 파일이 제공됩니다. 이 자바스크립트 파일은 타입스크립트 파일을 기반으로 합니다.

 

 

만들어본 타입스크립트 파일로 정적인 Todo list 만들어보세요.

https://codesign.tistory.com/212

 

 

참고

---

JavaScript With Syntax For Types.