TypeScript란?
JavaScript + Type문법
JavaScript는 Dynamic Typing 가능 => 숫자 - 숫자만 가능하지만 jS가 알아서 숫자로 바꿔줌 (프로젝트 커지면 이런 자유도 높은 점은 오히려 독)
- 장점
- Dynamic Typing 불가능
- 에러메세지 퀄리티 Good => 엄격한 type체크 덕분에 오타체크도 가능 (코드 에디터 부가기능 역할로 봐도 될듯)
설치 (static 웹페이지 개발시)
nodejs 설치(최신버전)
터미널오픈
npm install -g typescript
❗❗ 에러시 90%확률로 nodejs 잘못 설치했을 거임
index.ts 파일 생성 후 코드짜기 ¡¡¡( •̀ ᴗ •́ )و!!!
tsconfig.json 파일 생성 후 아래 코드 작성{ "compilerOptions": { "target" : "es5", "module":"commonjs", } }
ts 파일은 무조건 js파일로 변환해야 사용가능함
터미널 켜서 tsc -w 입력해두면 자동변환됨
변환하는 과정을 컴파일 한다라고 표현하는데
tsconfig.json에서 ts -> js 컴파일 시 옵셜 설정 가능
