타입스크립트 핸드북(블로그) 중 제네릭 타입 부분 만 이해가 안되서요 ㅠ

Question

안녕하세요 캡틴판교 님:] 타입스크립트 핸드북(블로그)을 참고하면서 강의를 듣고 있는데요, 강의를 들으면서도 블로그 내용 중 "제네릭 타입" 부분이 이해가 가질 않아서요 "간략하게라도" 설명을 요청드려요!궁금한 부분 표시해뒀습니다! [1]. 아래 두 코드(#1, #2)가 어떻게 같은 의미로서의 코드인지 궁금합니다, [2]. 변수(let) str를 (text:T)=>T 함수 타입으로 하려고 , let str: (text:T)=>T 까지는 이해가 되는데요, logText를 할당(=)하는 이유가 궁금합니다, 함수선언 방식 같은 모양으로 '추측'이 되는데요, 어떤 의미에서 이런 코드형태가 나온걸까요? [3]. 2번과 같은 코드를 {..}로 객체 리터럴을 만드는데, 어떤 의미에서 (text:T)=>T를 { }로 감싸는 건가요? [4]. (text: T) : T; 제네릭 인터페이스, interface GenericLogTextFn{ 이하 (text: T) : T; 에서(text: T) 에 제네릭 T를 선언하는 "구조/방법"이 어렵게 느끼는데요, 주로 프로퍼티 명: T(예: name : T , value: T)처럼 단순한 구조를 보다가 어떤 구조/의미인지 궁금합니다. (text: T) : T; 는 어떤 의미이고 왜 이렇게 작성할 수 있는지요?

캡틴판교 · Answer

안녕하세요 프린이님, 좋은 질문이네요. 질문이 많아서 짧게 답변 드리겠습니다 :) 1. 함수도 객체인 자바스크립트의 특성 때문에 그렇습니다. 함수의 타입을 2개의 각기 다른 문법으로 표현한 것입니다. 2. 함수의 참조 값을 변수에 담을 수 있는 자바스크립트의 특성을 먼저 이해하셔야 할 것 같아요. 3. 제네릭으로 함수 구조의 타입을 정의할 때 사용할 수 있는 문법 유형이 1번에서 가리킨 2개의 문법입니다. 4. 제네릭에 대한 이해가 아직 부족하신 것 같아요. 제네릭 부분 영상을 다시 다 들어보시면 좋을 것 같습니다. 그리고 제네릭은 굳이 사용하지 않아도 됩니다. 다른 타입들로 계속 타입 정의하시다가 번거로워지면 제네릭으로 넘어가시는게 좋을 것 같아요 :)