요약: 제네릭 함수 연습

Coddy JavaScript 여정의 TypeScript 소개 섹션에 포함된 레슨. 73개 중 62번째.

챌린지

쉬움

두 개의 서로 다른 타입의 인수를 받아 튜플로 반환하는 makePair라는 이름의 제네릭 함수를 생성하세요.

함수는 다음을 수행해야 합니다:

두 개의 제네릭 타입 매개변수 T와 U를 사용합니다.
T 타입의 매개변수 first를 받습니다.
U 타입의 매개변수 second를 받습니다.
[T, U] 타입의 튜플을 반환합니다.
명시적인 반환 타입 어노테이션을 가집니다.

다음 변수들을 생성하여 함수를 테스트하세요:

stringNumberPair - "Hello"와 42를 사용하여 makePair를 호출합니다.
booleanStringPair - true와 "World"를 사용하여 makePair를 호출합니다.
numberBooleanPair - 100과 false를 사용하여 makePair를 호출합니다.

구조 분해 할당(destructuring)을 사용하여 튜플에서 값을 추출하세요:

stringNumberPair를 text와 num 변수로 구조 분해합니다.
booleanStringPair를 flag와 message 변수로 구조 분해합니다.

다음 출력값들을 출력하세요:

text를 출력합니다.
num을 출력합니다.
flag를 출력합니다.
message를 출력합니다.
numberBooleanPair의 첫 번째 요소를 출력합니다.
numberBooleanPair의 두 번째 요소를 출력합니다.
"TypeScript"와 2024를 사용하여 makePair를 호출한 결과의 첫 번째 요소에 접근하여 출력합니다.
99와 "bottles"를 사용하여 makePair를 호출한 결과의 두 번째 요소에 접근하여 출력합니다.

직접 해보기

// TODO: 여기에 코드를 작성하세요
// 타입 매개변수 T와 U를 사용하는 제네릭 makePair 함수를 생성하세요
// 이 함수는 두 개의 매개변수를 받아 튜플을 반환해야 합니다

// TODO: 필요한 변수들을 생성하여 함수를 테스트하세요
// stringNumberPair, booleanStringPair, numberBooleanPair

// TODO: 구조 분해 할당을 사용하여 튜플에서 값을 추출하세요
// 지정된 대로 stringNumberPair와 booleanStringPair를 구조 분해하세요

// TODO: 모든 필요한 출력을 프린트하세요
// text, num, flag, message 및 기타 필요한 값들을 프린트하세요