반응형 TypeScript5 🍖 타입스크립트 제네릭 🍞 제네릭이 무엇인가제네릭은 다양한 타입을 허용함으로써, 재활용하는데 유용한 기능이다 🥗 제네릭 사용예시중복이 되는 경우/*중복이되는 경우*/// Person1과 Person2의 경우 name,age 제외하고 값이 똑같다interface Person1 { type: "human"; race: "yello"; name: "TEST1"; age: 32;}interface Person2 { type: "human"; race: "yello"; name: "TEST2"; age: 28;}//제네릭을 통해 중복 제거interface PersonGenric { type: "human"; race: "yello"; name: N; age: A;}interface Person3 extends .. 2025. 2. 7. 🖇 타입스크립트 함수 ⚱️ 함수 매개변수 / 반환 타입 정하기play함수에는 musicIdUrl을 string으로 받고, artist을 string으로 받은 다음 2개의 문자를 하나로 합쳐서 리턴하는 형태이다.여기서 매개변수와 리턴타입을 string으로 주었다.// 함수에는 매개변수와 반환하는것에 타입을 줄 수 가 있다.function play(musidUrl: string, artist: string): string { return musidUrl + "/" + artist;}play("music_0000","artist1")// music_0000/artist1 리턴 📤 선택적 매개변수모든 함수의 변수를 필수로 줄 필요는 없다. ?를 통해서 선택적 매개변수를 주는것이 가능하다// 선택적 매개변수// 필수적인 값이 아.. 2025. 1. 18. 🧆 타입스크립트 기본 타입 🦴 타입스크립트 기본타입타입스크립트에는 기본타입들이 존재하며, 기본타입은 아래와 같다stringnumberbooleanobjectarraytupleenumnullundefinedanyneverunknown string// 문자열let str: string = "string"; number// 숫자let num: number = 123;booleanlet bool: boolean = false; object//objectlet obj: object = { a: 1 }; Array//array : 제네릭 형태로 선언도 가능하다let numarray: number[] = [1, 2, 3];let numarray2: Array = [1, 2, 3]; tuple고정된 배열에서 각각의 요소들의 타입을 지정이 가.. 2025. 1. 3. 🧁 인터페이스 🫘 인터페이스란컴퓨터세상에서의 인터페이스는 상호간의 규칙이며, 타입스크립트에서는 여러가지 타입으로 이루어진 새로운 타입.여러가지의 프로퍼티와 메소드들로 이루어질수 있음. 클래스와 차이는 인스턴스를 새로 생성하지 않음 ☕️ 인터페이스 생성name과 age를 가진 PersonInterface를 생성한다person2를 가지는 함수는 PersonInterface타입만 받을 수 있다.그리하여 personObject는 name,age를 가진 객체를 person2함수의 매개변수로 넣어주었다.이러한 방식으로 객체의 타입을 추론할 수 있다.// 인터페이스 생성interface PersonInterface{ name:string, age:number}function person2(person:PersonIn.. 2024. 11. 17. 이전 1 2 다음 반응형