이것저것

TypeScript 기본 본문

카테고리 없음

TypeScript 기본

곰태태 2020. 10. 24. 20:03
반응형
SMALL

node는 서버가 아니라 javascript 실행기이다.

브라우저도 마찬가지

typescript의 실행기는 deno이다.

deno는 아직 개발중

typescript는 개발이 라이브러리로 실행됨

 

지금은 node가 필요하다.

node도 어느정도 할줄 알아야한다.

브라우저에서 실행안됨

` 빽팁

~ 틸드

외어두면 좋다.

 

vscode 설치

node 설치

git 설치

 

npm i typescript로 설치한다.

npm i -g typescript

-g를 붙히면 typescript를 명령어로 쓸수있다.

파워쉘에서 typescript를 치면 에러가 난다.

ctrl+shift+p를 누르고 (안되면 f1) select default 치면 터미널 기본값 설정이 나온다.

git을 설치했으면 git bash가 뜰것이다.

git bash로 바꿔준다.

다시 npm i -g typescript를 해주고 tsc(type script compile)를 입력한다.

tsc 파일명 해주면 js로 변환해준다.

ex) const a : number = 1 이라는 ts 명령어를 js파일로 변환해주면서 var a = 1로 바꿔준다.

 

tsc lecture.ts -w

-w는 watch 옵션이다.

변경될때마다 자동으로 바뀌고 에러도 출력해준다.

ts는 좋은게 error 코드가 나오는데 (ex TS2552) 그 코드를 검색하면 바로나온다.

 

typescript는 형변환 할때 String 타입앞에 +만 붙혀도 숫자로 형변환이 가능하다.(초반에는 쓰지말자)

 

tsc를 해줄때 js파일이랑 ts파일이 둘다 띄워져있으면 에러표시가 뜬다.

js파일을 꺼준다.

 

npx tsc lecture.ts -w를 하면 npm i -g typescript를 중복으로 설치하지않아도된다.

npx는 나의 프로젝트 typescript version으로 설치하지 않고 바로 실행시켜준다는 장점이있다.

 

npm ci : 패키지 전체 삭제후 다시 설치?

반응형
LIST
Comments