[참고] 클래스 (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..
Language/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..
[참고영상] 함수의 기본형 괄호 안의 값은 매개변수, 괄호 오른쪽의 값은 리턴 타입. 아무것도 리턴하지 않을 경우에는 void 사용. // 함수 function add_func(n1: number, n2: number): number { return n1 + n2; } 매개변수 뒤에 ?를 붙여서 선택적으로 사용도 가능 아래의 경우 name을 인자값으로 넣어주면 name을 출력하고 아니면 "world"를 출력. function hello(name?: string): string { return `Hello, ${name || "world"}`; } 매개변수가 여러 개일 경우 선택적 매개변수가 필수 매개변수보다 앞 순서에 올 수 없다. 그렇지만 선택적 매개변수를 앞쪽에서 사용하고 싶다면 다음과 같은 방법으로..
[참고] 인터페이스 | 타입스크립트 핸드북 인터페이스 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미합니다. 타입스크립트에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있습니다. 객체의 스펙(속성과 속 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 [참고]
