반응형 TypeScript6 *.d.ts & 유틸함수(Record / Omit) 🚕*.d.tsTypescript파일에서 JS파일을 호출할 경우 타입을 읽지 못하므로, Typscript에게 JS파일의 타입의 대해 설명을 해줘야 하는 역할이다. 이렇게 설명 되어 있는 파일을 Declaration File 이라고 한다 예시musicPlay.ts 라는 파일에서 playMusic라는 함수가 있고, date.js의 isPlayOk라는 함수를 통해 재생하는 함수가 있다 musicPlay.tsimport { isPlayOK } from "@/utils/date";function playMusic(url: string, date: string): boolean { // 외부 JS 호출 isPlayOK(date); return true;}export {}; date.jsfunction isPl.. 2025. 9. 11. 🍖 타입스크립트 제네릭 🍞 제네릭이 무엇인가제네릭은 다양한 타입을 허용함으로써, 재활용하는데 유용한 기능이다 🥗 제네릭 사용예시중복이 되는 경우/*중복이되는 경우*/// 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. 이전 1 2 다음 반응형
