뉴비벡엔드개발자

ts파일에서 js사용하기 tsconfig.json파일 compilerOptions안에 "allowJs": true 넣으면 .ts 파일안에 js코드 사용가능하다.

Typescipt에서의 차이 추상메서드의 예시는 아래와 같다 abstract class Test { constructor( protected nickname: string, protected level: number ) { } abstract attack(): void abstract guard(): void } class Player extends Test { attack(): void { console.log("Attack"); } guard(): void { console.log("shiled") } } 다음은 인터페이스 예시이다. interface Test2 { nickname:string, level:number, attack():void, guard():void } class Player2 i..

타입을 이용하여 속성값을 특정 값으로 제한할 수 있다 type Color = "red" | "yello" | "green" interface Car { color : Color, price : number } const myCar : Car = { color : "green", price : 100000 } myCar의 color는 red , yellow, green 말고는 error

제네릭 사용하는 이유 type Test = { (arr : number[]) : void; (arr : string[]) : void; (arr : boolean[]) : void } const test1 : Test =(arr) => { arr.forEach(a => console.log(a)) } test1([1,2,3,4]) test1(["a","b","c"]) test1([true,false,true]) test1([1,"a",true,"b"]) test1에 새로운 종류의 배열을 넣을때 마다 test타입에 계속 내용을 추가해야는 불편함이 있음 15번째 줄처럼 여러 타입이 오면 처리하기 힘듬 문법 type Test2 = { (arr:T[]) : T } const test2 : Test2 = (arr..

오버로딩(Overloading) 동일한 이름의 함수에 파라미터 개수나, 타입을 다르게 하여 함수를 만드는 것 매개변수의 개수가 같고 타입이 다를 때 type Test1 = { (a:number, b:number) : void (a:string, b:number) : void } const test1:Test1 = (a,b) =>{ if(typeof a ==="string") console.log(a) else return console.log(a+b) } 매개변수의 개수가 다를 때 type Test2 = { (a:number, b:number) : void (a:number, b:number, c:number) : void } const test2:Test2 = (a,b,c?:number) =>{ if(..

[TypeScript] Call Signatures 함수에 커서 올렸을 때 파라미터 타입과 리턴 타입 정보를 말함 Call signatures를 사용하면 사용할 때 number라고 선언할 필요가 없어짐. ex) type Calculator = (a:number, b:number) => number const add : Calculator = (a,b) => a+b; 참고: TypeScript Call Signatures - GeeksforGeeks

Unknown 변수에 들어오는 타입이 정확하게 모를때 사용 변수의 타입을 확인하지 않으면 error가 발생 ex) a의 타입을 확인하지 않아서 에러가 발생 let a : unknown; let b = a + 1; 타입을 확인하면 에러가 없어짐 if(typeof a === 'number') { let b = a + 1; }

Readonly 읽기 전용으로 지정가능 ex) type Customer = { readonly name : string; phone :number } const numbers : readonly number[] = [1,2,3,4] Tuple에도 가능 const customer: readonly [string, number, boolean] = ["kim", 1012344567, true]

Tuple 배열타입을 특수한 형태로 사용할 수 있는 타입 명시적으로 지정된 형식에 따라 아이템 순서를 정해야하고, 명시된 타입만 사용가능 ex) const customer: [string, number, boolean] = ["kim", 1012344567, true]

타입 별칭(Type Aliases) const name : string = "nick" //타입별칭 사용시 type Name = string; const name : Name = "nick"; //interface 같은 복잡한 타입도 가능 type Customer = { name : string, phone : number } //interface를 만들때는 "=" 이 없음 interface Customer { name : string; age? : number; phone : number; } //제네릭도 가능 type User = { name : T } optional type(선택적 타입) 변수옆에 ?를 붙이면 선택적 타입이 된다 선택적 타입은 명시한 타입 | undefined ex) age의 타입..