목록Javascript/typescript (3)
도찐개찐
interface VS type 공통점 구조적 타이핑: 둘다 구조적 타이핑을 지원합니다. 즉, 객체의 형태가 중요하며, 이름이 아닌 구조로 타입이 결정 됩니다. 확장 가능성: type과 interface는 모두 확장 가능 합니다. 즉, 기존의 타입이나 인터페이스에 새로운 속성을 추가하여 새로운 타입이나 인터페이스를 만들 수 있습니다. 타입 체킹: 둘다 TypeScript의 타입 체킹에 사용되어 오류를 사전에 방지할 수 있게 합니다. 차이점 확장(extends) 방식 interface: 선언 병합을 통해 확장 됩니다. 동일한 이름으로 여러번 선언할 경우, 자동으로 병합되어 확장 됩니다. type: 인터섹션(교차 타입)을 사용해 확장 됩니다. 새로운 타입을 만들어 기존 타입과 합쳐야 합니다. 선언 방식 in..
Type Aliases 타입스크립트 코드 작성시 아래와 같이 길고 복잡하게 타입을 나열하는 경우가 많습니다. let animal: string | number | undefined; type 키워드 = 타입을 변수처럼 만드는 것 type 키워드를 사용하는 것을 type alias 라고 합니다. 일반적 선언 방법 type {변수명} = {타입종류1} | {타입종류2} .... type Animal = string | number | undefined; let animal:Animal = 1234; typeof(animal) // 결과 : 'number' let animal2:Animal = 'Hello, animal'; typeof(animal2) // 결과: 'string' let animal3:Anim..
let hello: string = "helloWorld!"; 1-2. 숫자 let tripleSeven: number = 777; 1-3. 배열 let arr1: number[] = [10, 20, 30]; let arr2: Array = [10 , 20, 30]; let arr3: Array = ["hello", "world"]; let arr4: [string, number] = ["jinyoung", 24]; 1-4. 객체 let jinyoung: object = { name: "jinyoung", age: 24 }; let person: { name: string; age: number } = { name: "jinyoung", age: 24 }; 1-5. 불리언 (Boolean) let isT..