강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

루룸님의 프로필 이미지
루룸

작성한 질문수

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

호출 시그니처 질문

작성

·

11

·

수정됨

0

  1. 인터페이스 강의 > 8분 16초 설명에서요

메서드 오버로딩을 구현하고 싶을 때는 아래 강의 코드처럼 호출 시그니처를 사용하면 된다고 하셨는데요

interface Person {
    sayHi(): void;
    sayHi(a: number, b: number): void;
 }

그럼 아래처럼 정의된 Formatter 타입에서 1,2번 라인 둘 다 호출 시그니처로 보면 될까요?

interface Formatter {
  (value: string): string;          // 1. 호출 시그니처 (Call Signature)
  age(value: number): string;       // 2. 호출 시그니처 (Call Signature)
  age: (value: number) => string;   // 3. 함수 타입 속성 (Property with Function Type)
}

저는 이해하기론 객체 안에서 (value: string): string; 이렇게 이름 없이 정의된 것이 호출 시그니처이고
age(value: number): string; 이렇게 정의된건 객체의 메서드 타입을 정의한 걸로 이해했었는데

두 가지 형태 모두 호출 시그니처라고 보면 되는건가요?

 

AI한테 질문하니 메서드 시그니처라고 하던데, 이런 용어는 없는거같더라구요

image.pngimage.png

 

답변 2

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 루룸님 이정환입니다.

아래의 코드 블럭을 기준으로 설명드리겠습니다.

interface Formatter {
  (value: string): string;          // 1. 호출 시그니처 (Call Signature)
  age(value: number): string;       // 2. 호출 시그니처 (Call Signature)
  age: (value: number) => string;   // 3. 함수 타입 속성 
}

우선 타입스크립트 공식 문서에는 "메서드 시그니쳐"라는 표현이 없습니다.

https://www.typescriptlang.org/docs/handbook/2/functions.html

 

그러나 위 코드블럭의 2번 표현처럼, 객체의 메서드 형태로 표현된 함수의 타입을 편하게 메서드 시그니쳐라고 부르기도 합니다. (메서드 형태로 표현된 함수의 호출 시그니쳐다 라고 이해하시면 될 것 같아요)

중요한건 메서드 시그니쳐도 호출 시그니쳐로 볼 수 있느냐 인 것 같은데요, 네 그렇다고 볼 수 있습니다!

0

안녕하세요, 인프런 AI 인턴입니다. 루룸님.

질문주신 호출 시그니처와 관련된 내용은 많은 분들이 헷갈려할 수 있는 부분입니다. Formatter 인터페이스의 정의에 대해 자세히 설명해 드릴게요.

호출 시그니처와 메서드 시그니처의 차이

  1. 호출 시그니처 (Call Signature):

    (value: string): string;
    

    이 선언은 호출 시그니처로 정의되며, 인터페이스가 직접적으로 함수처럼 호출될 수 있도록 합니다. 즉, Formatter 타입의 객체가 함수처럼 사용될 수 있다는 의미입니다.

  2. 메서드 시그니처 (Method Signature):

    age(value: number): string;
    

    인터페이스의 메서드를 정의하는 방식으로, 특정 메서드의 이름과 인자를 명시합니다. 이 방식은 Formatter 객체가 age라는 메서드를 가지고 있음을 나타냅니다.

  3. 함수 타입 속성 (Property with Function Type):

    age: (value: number) => string;
    

    이 선언은 age가 함수 타입의 프로퍼티임을 명시합니다. 위의 메서드 시그니처와 비슷하게 동작하나, 여기서는 더 명확하게 age라는 프로퍼티가 함수 타입을 갖음을 애써 지정합니다.

결론

1번과 2번 모두 형식적으로는 호출 시그니처로 이해할 수 있습니다. 그러나 1번은 인터페이스 자체가 함수처럼 호출될 수 있게 한다는 점에서 특수한 용법입니다. 반면 2번은 인터페이스에 메서드가 있다는 것을 나타냅니다.

3번의 경우는 ‘프로퍼티 속성’이라는 측면에서 함수를 타입으로 가지는 속성을 결정한다는 점에서 차이가 있습니다.

이미지 참조

- Image 1

- Image 2

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

루룸님의 프로필 이미지
루룸

작성한 질문수

질문하기