JavaScript에서 객체의 프로퍼티를 동적으로 생성하고 값을 변경하는 방법은 여러 가지가 있습니다. 이런 경우에는 대괄호 표기법이 유용합니다.

1. 객체에 프로퍼티 동적으로 추가하기

객체에 프로퍼티를 동적으로 추가할 때는 다음과 같이 대괄호 표기법을 사용합니다.

const obj = {};
const propertyName = 'dynamicProp';
obj[propertyName] = 'dynamicValue';

2. 프로퍼티 값 변경하기

생성된 프로퍼티의 값은 다음과 같이 변경할 수 있습니다.

obj[propertyName] = 'newDynamicValue';

프로퍼티 이름이 변수에 저장되어 있는 경우, 위와 같은 방법으로 값을 변경할 수 있습니다.

3. Object.defineProperty() 사용하기

또 다른 방법으로는 Object.defineProperty()를 사용하여 프로퍼티를 정의하고 설정할 수 있습니다.

Object.defineProperty(obj, propertyName, {
  value: 'newValue',
  writable: true
});

결론

JavaScript에서 동적으로 프로퍼티를 추가하고 값을 변경하는 방법은 대괄호 표기법을 활용하는 것이 가장 흔한 방법입니다. 또한 Object.defineProperty()를 이용하여 프로퍼티를 정의하고 설정할 수도 있습니다.

더 자세한 내용은 MDN web docs를 참고할 수 있습니다.