TS 5

[TypeScript] interfaces 알아보기

인터페이스 - 오브젝트의 모양을 설명할 때만 사용 가능 - property들을 축적시킬 수 있음 - 원하는 메소드와 property 를 클래스가 가지도록 강제할 수 있게 해줌 단점 자바스크립트로 컴파일되지 않음 -> 추상 클래스와 비슷한 보호를 제공하지만 자바스크립트에서 보이지 않는 // 인터페이스interface User { name:string}interface Player extends User{ // User 를 상속 받을 수 있음 }const jiho : Player = { name: "jiho"}type Team = "red" | "blue" | "yellow" // concreate 타입의 특정 값 type Health = 1 | 5| 10type Player = { nic..

TS 2023.02.27

[TypeScript] concrete 타입 generic

객체지향 프로그램//추상클래스: 다른 클래스가 상속받을 수 있는 클래스, 직접적 인스턴스 못 만듬 abstract class User{ constructor( protected fristName:string, protected lastName:string, //클래스 내부, 자식 클래스 내부 가눙 public nickname:string //클래스 내부, 자식 클래스 내부, 클래스 인스턴스 다 사용 가능 ){} abstract getNickName():void getFullName(){//메소드: 클래스 안에 존재하는 함수 return `${this.fristName} ${this.lastName}` } }//Playe..

TS 2023.02.27

[TypeScript] Call Signatures, Overloading

함수선언 1. function function add(a:number, b:number): number { // :number 안해도 된다 return a +b;} 2. 화살표 함수const add = (a:number, b:number) => a+b  call signatures: 함수 위에 마우스를 올렸을 때 보게 되는 것: 함수의 반환타입 알려줌: 인자의 타입랑 함수의 반환 타입 알려줌  call signature 선언 type Add = (a:number,b:number) => number; const add:Add = (a,b) => a+b // 타입 선언을 안해도 타입을 유추할 수 있음type Add = (a:number,b:number) => number; const add:Add = (a,..

TS 2023.02.23

[TypeScript] 타입이란?

readonly  : 속성을 타입에 추가할 수 있 : 항상 정해진 갯수의 요소을 가져야하는 array을 지정가능하다const player:[string, number, boolean] = ["nico",1, true] any : 타임스크립트부터 빠져나오고 싶을 떄 사용하는 타입 : 타입스크립트의 보호장치들로부터 빠져나오고 싶을 때 : 아무타입 될 수 있음 : 보호장치를 벗어나기 때문에 권장하지는 않음const a : any[] = [1,2,3,4]const b : any = truea+b; unknown :  응답(변수)의 타입을 모를 때 사용: 타입스크립트로부터 일종의 보호를 받음let abc:unknown;// abc가 unknown의 상태이기 때문에 에러 뜸let bcd = abc + 1// abc..

TS 2023.02.22