1. 문제 의식

다음과 같은 함수가 있다.

const Func = (key: string, value: number) => {
  return { key : value }
}

Func('whkwon', 1);

내가 기대하는 결과값은 아래와 같다.

{ whkwon : 1 }

하지만 반환되는 결과값은 다음과 같다.

{ key: 1 }

즉, 키 값을 내가 원하는 값으로 (동적으로) 집어 넣을 수 없을까?

2. 해결 방법

해결 방법은 아주 간단하다.
key 에 [] 대괄호를 씌어주면 된다.

const Func = (key: string, value: number) => {
  return { [key] : value }
}

Func('whkwon', 1);

결과값은 다음과 같다.

{ whkwon: 1 }