호출 시그니처 질문

Question

인터페이스 강의 > 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한테 질문하니 메서드 시그니처라고 하던데, 이런 용어는 없는거같더라구요

winterlood · Answer

안녕하세요 루룸님 이정환입니다. 아래의 코드 블럭을 기준으로 설명드리겠습니다. 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번 표현처럼, 객체의 메서드 형태로 표현된 함수의 타입을 편하게 메서드 시그니쳐라고 부르기도 합니다. (메서드 형태로 표현된 함수의 호출 시그니쳐다 라고 이해하시면 될 것 같아요) 중요한건 메서드 시그니쳐도 호출 시그니쳐로 볼 수 있느냐 인 것 같은데요, 네 그렇다고 볼 수 있습니다!

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 루룸님. 질문주신 호출 시그니처와 관련된 내용은 많은 분들이 헷갈려할 수 있는 부분입니다. Formatter 인터페이스의 정의에 대해 자세히 설명해 드릴게요. 호출 시그니처와 메서드 시그니처의 차이 호출 시그니처 (Call Signature) : (value: string): string; 이 선언은 호출 시그니처로 정의되며, 인터페이스가 직접적으로 함수처럼 호출될 수 있도록 합니다. 즉, Formatter 타입의 객체가 함수처럼 사용될 수 있다는 의미입니다. 메서드 시그니처 (Method Signature) : age(value: number): string; 인터페이스의 메서드를 정의하는 방식으로, 특정 메서드의 이름과 인자를 명시합니다. 이 방식은 Formatter 객체가 age 라는 메서드를 가지고 있음을 나타냅니다. 함수 타입 속성 (Property with Function Type) : age: (value: number) => string; 이 선언은 age 가 함수 타입의 프로퍼티임을 명시합니다. 위의 메서드 시그니처와 비슷하게 동작하나, 여기서는 더 명확하게 age 라는 프로퍼티가 함수 타입을 갖음을 애써 지정합니다. 결론 1번과 2번 모두 형식적으로는 호출 시그니처로 이해할 수 있습니다. 그러나 1번은 인터페이스 자체가 함수처럼 호출될 수 있게 한다는 점에서 특수한 용법입니다. 반면 2번은 인터페이스에 메서드가 있다는 것을 나타냅니다. 3번의 경우는 &lsquo;프로퍼티 속성&rsquo;이라는 측면에서 함수를 타입으로 가지는 속성을 결정한다는 점에서 차이가 있습니다. 이미지 참조 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.