interface
-
@2023/09/20 안녕하세요 lika-7입니다이번 시간에는 TypeScript의인터페이스 문법에서 제네릭을 사용하는 방법에 대해 정리하겠습니다인터페이스에서 제네릭 선언//TypeScript interface MyData{ //제네릭 타입 별칭(제네릭 타입 매개변수)을 지정하고 name: string value: T // value는 제네릭 타입 매개변수에 할당된 타입으로 지정하겠다는 말 }✅1. 인터페이스에서 제네릭 타입(제네릭 타입 별칭) 별칭을 지정합니다. 2. value 속성은 제네릭 타입 변수에 할당된 타입으로 지정하도록 선언 하였습니다인터페이스에서 제네릭 사용//TypeScript //인터페이스에서 제네릭 선언 interface MyData{ //제네릭 타입 별칭(제네릭 타입 매개변수)을 지..
제네릭(Generic) -인터페이스@2023/09/20 안녕하세요 lika-7입니다이번 시간에는 TypeScript의인터페이스 문법에서 제네릭을 사용하는 방법에 대해 정리하겠습니다인터페이스에서 제네릭 선언//TypeScript interface MyData{ //제네릭 타입 별칭(제네릭 타입 매개변수)을 지정하고 name: string value: T // value는 제네릭 타입 매개변수에 할당된 타입으로 지정하겠다는 말 }✅1. 인터페이스에서 제네릭 타입(제네릭 타입 별칭) 별칭을 지정합니다. 2. value 속성은 제네릭 타입 변수에 할당된 타입으로 지정하도록 선언 하였습니다인터페이스에서 제네릭 사용//TypeScript //인터페이스에서 제네릭 선언 interface MyData{ //제네릭 타입 별칭(제네릭 타입 매개변수)을 지..
2023.09.20 -
@2023/09/19 안녕하세요 lika-7입니다이번 시간에는 TypeScript의 객체 선언에 “type”을 쓸지 “interface”를 쓸지 정리하였습니다질문객체 데이터 타입을 지정 할 때 type을 쓸지 interface를 쓸지 모르겠습니다!문법의 차이✅1. type에는 할당 연산자 를 사용하고 괄호 입력 합니다 2. interface에는 할당연산자 안쓰고 괄호 입력 합니다type//TypeScript type TypeUser = { name: string age: number isValid: boolean }type을 썼을 때//TypeScript type TypeUser = { name: string age: number isValid: boolean } const heropy: TypeUser..
객체 데이터 타입 지정@2023/09/19 안녕하세요 lika-7입니다이번 시간에는 TypeScript의 객체 선언에 “type”을 쓸지 “interface”를 쓸지 정리하였습니다질문객체 데이터 타입을 지정 할 때 type을 쓸지 interface를 쓸지 모르겠습니다!문법의 차이✅1. type에는 할당 연산자 를 사용하고 괄호 입력 합니다 2. interface에는 할당연산자 안쓰고 괄호 입력 합니다type//TypeScript type TypeUser = { name: string age: number isValid: boolean }type을 썼을 때//TypeScript type TypeUser = { name: string age: number isValid: boolean } const heropy: TypeUser..
2023.09.19 -
@2023/09/18 안녕하세요 lika-7입니다이번시간에는 저번시간에 이어 Interface의 확장(상속) 대해 정리하겠습니다 Interface extends💡클래스를 상속하는 클래스가 있듯이, 인터페이스 또한 extends 키워드를 사용해 인터페이스를 확장 할 수 있습니다 키워드 extends 사용 예제패턴 1//TypeScript //인터페이스 확장(상속) interface UserA { name: string age: number } interface UserB extends UserA { //extends 키워드를 통해서 내용을 상속 받음 isValid: boolean } const heropy: UserA = { name: 'heropy', age: 28, isValid:true // 에러가 ..
Interface - 확장(상속)@2023/09/18 안녕하세요 lika-7입니다이번시간에는 저번시간에 이어 Interface의 확장(상속) 대해 정리하겠습니다 Interface extends💡클래스를 상속하는 클래스가 있듯이, 인터페이스 또한 extends 키워드를 사용해 인터페이스를 확장 할 수 있습니다 키워드 extends 사용 예제패턴 1//TypeScript //인터페이스 확장(상속) interface UserA { name: string age: number } interface UserB extends UserA { //extends 키워드를 통해서 내용을 상속 받음 isValid: boolean } const heropy: UserA = { name: 'heropy', age: 28, isValid:true // 에러가 ..
2023.09.18 -
@2023/09/18 안녕하세요 lika-7입니다오늘은 저번시간에 이어 Interface의 Index Signature 에 대해 정리합니다Interface - 함수 이후의 내용을 다룹니다인덱스 시그니처💡객체의 속성을 동적으로 정의하는 인덱스 시그니처 키워드 [ ] { [인덱스_이름: 인덱스_타입]: 값_타입; } 왜 쓰나요?객체가 key, value 형식이며 key와 value의 타입을 정확하게 명시해야 하는 경우 사용할수 있습니다.사용 예제배열에서 사용법//TypeScript // 인터페이스 // 인덱스 기능 타입 - 인덱스 시그니처(Index Signature) //배열 interface Fruits{ [item: number]: string // 인덱스 시그니처 부분 } const fruits: F..
Interface - Index Signature@2023/09/18 안녕하세요 lika-7입니다오늘은 저번시간에 이어 Interface의 Index Signature 에 대해 정리합니다Interface - 함수 이후의 내용을 다룹니다인덱스 시그니처💡객체의 속성을 동적으로 정의하는 인덱스 시그니처 키워드 [ ] { [인덱스_이름: 인덱스_타입]: 값_타입; } 왜 쓰나요?객체가 key, value 형식이며 key와 value의 타입을 정확하게 명시해야 하는 경우 사용할수 있습니다.사용 예제배열에서 사용법//TypeScript // 인터페이스 // 인덱스 기능 타입 - 인덱스 시그니처(Index Signature) //배열 interface Fruits{ [item: number]: string // 인덱스 시그니처 부분 } const fruits: F..
2023.09.18 -
@2023/09/17 안녕하세요 lika-7입니다오늘은 저번시간에 이어 Interface의 함수에 대해 정리하겠습니다Interface - 기본 이후의 내용을 다룹니다호출 시그니처💡인터페이스에서 소괄호를 작성해서 내용을 시작하는 것을 호출 시그니처라고 합니다✅1. 소괄호를 통해 함수의 타입을 지정 할 수 있습니다 2. 이를 이용해 함수 타입의 인터페이스를 만듭니다//TypeScript interface GetName{ (message:string): string //message라는 매개변수의 타입은 string이고, 반환타입도 string이다 }GetName의 호출 시그니처를 만들고message라는 매개변수의 타입은 string이고, 반환타입도 string이다는 의미왜 씀?나중에 같은 모양의 함수가 나오..
Interface - 함수@2023/09/17 안녕하세요 lika-7입니다오늘은 저번시간에 이어 Interface의 함수에 대해 정리하겠습니다Interface - 기본 이후의 내용을 다룹니다호출 시그니처💡인터페이스에서 소괄호를 작성해서 내용을 시작하는 것을 호출 시그니처라고 합니다✅1. 소괄호를 통해 함수의 타입을 지정 할 수 있습니다 2. 이를 이용해 함수 타입의 인터페이스를 만듭니다//TypeScript interface GetName{ (message:string): string //message라는 매개변수의 타입은 string이고, 반환타입도 string이다 }GetName의 호출 시그니처를 만들고message라는 매개변수의 타입은 string이고, 반환타입도 string이다는 의미왜 씀?나중에 같은 모양의 함수가 나오..
2023.09.17 -
@2023/09/17 안녕하세요 lika-7입니다오늘은TypeScript의 inteface가 무엇인지 정리하였습니다Interface란일반적으로 타입 체크를 위해 사용 합니다변수, 함수, 클래스에 사용할 수 있습니다.이를 통해 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지하도록 합니다.인터페이스와 클래스1. 유사점프로퍼티와 메소드를 가질 수 있다는 점에서 클래스와 유사2. 다른점직접 인스턴스를 생성 할 수 없음모든 메소드는 추상 메소드임, 추상 클래스의 추상 메소드와 달리 abstract 키워드를 사용하지 않음무엇을 사용해야 할까?interface✅1. 특정 유형의 객체들이 동일한 속성을 가지고 있을 때 interface를 통해 쉽게 구현 할 수 있다 2. 타입 체크 용도라면 i..
Interface - 기본@2023/09/17 안녕하세요 lika-7입니다오늘은TypeScript의 inteface가 무엇인지 정리하였습니다Interface란일반적으로 타입 체크를 위해 사용 합니다변수, 함수, 클래스에 사용할 수 있습니다.이를 통해 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지하도록 합니다.인터페이스와 클래스1. 유사점프로퍼티와 메소드를 가질 수 있다는 점에서 클래스와 유사2. 다른점직접 인스턴스를 생성 할 수 없음모든 메소드는 추상 메소드임, 추상 클래스의 추상 메소드와 달리 abstract 키워드를 사용하지 않음무엇을 사용해야 할까?interface✅1. 특정 유형의 객체들이 동일한 속성을 가지고 있을 때 interface를 통해 쉽게 구현 할 수 있다 2. 타입 체크 용도라면 i..
2023.09.17