Typescript 설치하기 nodejs 설치 (최신버전으로) VSCode 터미널에서 타입스크립트 설치 npm install -g typescript ts 파일 생성 tsconfig.json 파일 생성 ts->js 컴파일 시 옵션을 설정 { "compilerOptions": { "target": "ES5", "module": "CommonJS" } } ts 파일 내용 작성하기 브라우저는 ts 파일을 못 읽고 js 파일만 읽을 수 있다. 터미널에 tsc -w 입력해두면 ts 파일이 js 파일로 자동변환된다. tsc -w [참고]
간단한 변수 타입 지정 string, number, boolean, null, undefined, bigint, [], {} 등 가능 let 이름 : string = 'Kim'; let a : null = null; let b : undefined = undefined; array 타입 지정 array의 요소들이 어떤 타입인지 지정 필요 2가지 방법으로 지정 가능 let 이름1 : string[] = ['Kim', 'Lee']; let 이름2 : Array = ['Kim', 'Lee']; object 타입 지정 let 이름 : { name : string } = { name : "Kim" }; 속성 뒤에 ?를 붙여서 옵션임을 명시할 수도 있다. 이 속성이 들어갈 수도 있고 안 들어갈 수도 있다는 뜻. l..
TypeScript란?? 마이크로소프트에서 구현한 Javascript의 슈퍼셋 프로그래밍 언어. 쉽게 말해서 Javascript에 Type 문법을 추가한 것이다. 확장자로는 .ts를 사용 왜 Typescript를 사용하는가?? 1. 타입 검사 Javascript는 Dynamic Typing이 가능하다. 그게 무슨 말이냐면 다음과 같은 연산이 가능하다는 것이다. 5 - '3' // 결과값 : 2 숫자 - 문자열 연산인데 Javascript가 알아서 숫자 - 숫자 연산으로 바꿔서 계산해준다는 것이다. 편해보일지 몰라도 프로젝트 사이즈가 커진다면 이런 유연성을 제공하는 기능은 독이 된다. Typescript는 바로 이런 점을 잡아준다. 타입을 엄격하게 검사하여 수정하라고 알려준다. 2. 에러메세지 Typesc..
