frontend

타입 별칭(Alias) 새로운 타입 조합 생성 각각의 타입에 이름을 부여한 후에 원하는 곳에서 재사용할 수 있다 type MyTypeName = string | number; type MyArray = MyTypeName[]; // 별칭 사용 type UserA = { name: string; age: number; }; type UserB = { isValid: boolean; }; type UserX = UserA & UserB; const a: MyTypeName = "A"; // MyTypeName은 string 또는 number 할당 가능 const b: MyArray = [1, "A", "B", 2, 3]; // MyArray는 MyTypeName[]과 같으므로 배열 item으로 string ..

단언(Assertion)이란? 주저하지 아니하고 딱 잘라 말함 개발자가 타입스크립트에게 단언한다라고 말할 수 있다 타입 단언 단언 키워드 as Non-null 단언 연산자 - ! : null/undefined 데이터가 아님을 단언 ex1) const btn = document.querySelector("button") as HTMLButtonElement; btn.classList.add("btn"); btn.id = "abc"; const btn1 = document.querySelector("button")! btn1.classList.add("btn"); btn1.id = "abc"; const btn2 = document.querySelector("button") btn2!.classList.ad..

타입 추론(Inference) 추론이란? 어떠한 판단을 근거로 삼아 다른 판단을 이끌어 낸다 초기화된 변수에서 추론 let a = 'Hello' a = 123 // 할당 X a = true // 할당 X // 위의 코드에서 초기화된 'Hello'값에 따라 string 타입인 것을 추론할 수 있다 기본값이 지정된 매개변수에서 추론 반환이 있는 함수에서 추론 function join(a: string, b = ''): string { return a+b } join('Hello', 'World') join('Good') // 변수 b에 선언된 ''에 따라 string 타입이라고 추론할 수 있다 const x: string = join('Hello', 'World') // 변수 return되는 a+b의 값의 ..

데이터 타입 string let str:string let str2:string = "hello" str = "world"; number let num:number let num2:number = 22 num = 33 object(객체) // 객체 타입 const obj: { a: number } = { a: 1 }; obj.a = 123; array(배열) 배열의 아이템으로 어떤 타입이 들어갈건지 명시해야 한다 // 배열 타입 const arr: number[] = []; arr[0] = 123; const arr1: string[] = []; arr1[0] = '123'; const arr1: Array = []; arr1[0] = '123'; 함수 // 함수 타입 // 1. 함수명 : (인자 : 인..