뉴비벡엔드개발자

패키지를 import했는데 Cannot find module ' ' or its corresponding type declarations. 해결방법 GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions. GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions. The repository for high quality TypeScript type definitions. - DefinitelyTyped/DefinitelyTyped github.com 사이트..

js 소스코드에 주석으로 @ts-check 를 넣으면 typescript 처럼 소스코드를 체크해줌 // @ts-check vscode에서 /** 하고 엔터를 하면 자동완성이 되는데 파라미터와 return 타입을 정할 수 있다. /** * Initializes the project * @param {object} config * @param {boolean} config.debug * @param {string} config.url * @returns boolean */ export function init(config) { return true; } init 함수를 사용할 때 설명을 볼 수 있다.

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]