초보 개발자의 일기

TS 기본 본문

Frontend practice/TypeScript

TS 기본

판다꼬마 2022. 8. 17. 18:49
728x90

중요!

typescript는 최종적으로 javascript로 변환된다. 순전한 typescript 코드를 돌릴 수 있는 것은 deno이나 대중화되지가 않았다. 브라우저, 노드는 모두 js 파일을 실행한다.

 

ts 파일을 실행하는 게 아니라 결과물인 js를 실행해야 한다.

 

tsc

tsc의 역할

1. TS코드를 JS로 변환시켜주는 역할

2. 코드 자체의 타입 검사를 해준다.

 

let a='number';
a=123;

 

이렇게 타입 검사를 해준다.

 

이것은 JS에서는 말이 되는 코드인데 TS에서는 되지 않는다.

하지만 타입 검사가 실패했더라도 JS적으로는 문제가 되지 않기 때문에 변환은 해준다.

 

 

 

 

타입 검사를 하고 싶으면

tsc --noEmit 하면 된다.

 

 

 

npm 명령어를 쓰기 위해서는 노드 프로젝트로 변환을 해야 한다.

그러기 위해서 터미널에 

npm init -y

을 입력하면 package.json이 생성된다.

이후부터는 npm 명령어를 사용할 수 있다.

 

 

이 후

npm i typescript
npx tsc

를 입력하고

npx tsc --init

를 입력하면 tsconfig.json 파일이 생성된다. 

이것까지가 TypeScript를 시작하기 위한 기본 조건이다!

 

 

728x90

'Frontend practice > TypeScript' 카테고리의 다른 글

TS 문법 3  (0) 2022.09.18
TS(타입 연습해보기)  (0) 2022.09.16
제네릭  (0) 2022.09.16
TS 문법 2  (0) 2022.09.09
TS 문법 1  (2) 2022.08.17