본문 바로가기

Typescirpt

[TS] TypeScript Class,Interface,
Frontend/TS 2022. 11. 18. [TS] TypeScript Class,Interface, 타입스크립트의 마지막 개념인 Class와 Interface에 대한 기록을 남기려고 한다. Class 개요 Class는 객체 생성을 위한 템플릿이다. class People{ constructor(n,a){ this.name=n; this.age=a; } } const choi=new People('choi',100) console.log(choi); //People {name: 'choi', age: 100} JS에서는 위와 같이 class를 사용한다. 그럼 TypeScript에서는 다르게 사용할까? class People{ constructor( public name:string, public age:number ){} } TS에서는 접근제어자(public), 변수 이름(name), 타입(string)..
[TS] TypeScript Alias Type,Call Signature,Generic
Frontend/TS 2022. 11. 17. [TS] TypeScript Alias Type,Call Signature,Generic TypeScript를 공부하면서 새로운 개념들을 공부하다 보니 헷갈리는 부분이 생겨 먼저 용어들에 대한 정확한 의미를 기록하려고 한다. Alias Type 의미 alias의 뜻은 '별명'이다. 따라서 직역하면 type의 별명인 것이다. Alias Type은 새로운 type을 지정할 수 있는 개념이다. 사용법 Alias Type은 뒤에서 기록할 interface와 유사한 사용법을 가진다. //객체의 모양을 결정해줄 수 있다. type People={ name : string, age ?: number } //유니온 타입으로 타입 지정 type state='TODO'|'Doing'|'Done' //튜플로 타입 지정 type Tuple=[string,number]; 위처럼 interface처럼 객체의 모양을 ..

티스토리툴바