[참고] 클래스 (Class) // Class class Car4 { color: string; constructor(color: string){ this.color = color; } start(){ console.log("start"); } } const bmw = new Car4("red"); 자바스크립트와 달리 타입스크립트에서는 클래스 작성 시 멤버 변수는 미리 선언해주어야 함. 그렇지만 멤버 변수를 미리 선언하지 않으려면 다음과 같은 방법 이용. 접근 제한자 이용 readonly 키워드 사용 접근 제한자(Access modifier) class Car4 { public name: string = "car"; color: string; constructor(color: string){ this.c..
TypeScript
[참고영상] 리터럴(Literal) 변수 선언 시 const, let 사용 둘의 차이는 const는 변하지 않는 값을 선언할 때, let은 변할 수 있는 값을 선언할 때 사용. // Literal Types const userName1 = "Bob"; // 문자열 리터럴 타입 let userName2:string | number = "Charlie"; userName2 = 3; userName1처럼 정해진 string 값을 가진 것을 문자열 리터럴 타입이라고 함. 유니온(Union) // Union Type let userName2:string | number = "Charlie"; userName2 = 3; userName2처럼 타입을 지정해주면 userName2 변수에는 string 타입과 numbe..
[참고] 인터페이스 | 타입스크립트 핸드북 인터페이스 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미합니다. 타입스크립트에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있습니다. 객체의 스펙(속성과 속 joshua1988.github.io 프로퍼티(Property)를 정해서 객체를 사용하고자 할 때는 인터페이스(interface)를 사용. interface User { name : string; age : number; } let user: User = { name : 'Alice', age : 20 } // 프로퍼티 사용 console.log(user.name);//Alice 옵션 뒤에 물음표를 붙여주면 옵션으로 사용 가능. 아래의 예시에서처럼 age? 이렇게 써주면 옵션으로 ..
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..
