JavaScript array.reduce()를 이용한 객체 배열 합계 계산 시 NaN 발생 문제

데이터 분석을 위해 객체 배열 내 특정 속성 값들의 총합을 구하려 합니다.

코드:

const data = [
  { name: 'A', value: 10 },
  { name: 'B', value: 20 },
  { name: 'C', value: 30 }
];

const total = data.reduce((acc, cur) => {
  return acc + cur.value;
});

console.log(total);

오류: [object Object]2030 또는 NaN (실행 환경에 따라 다름)

시도: console.log(acc)를 통해 누적값 확인, 데이터 타입 확인.

질문: reduce 함수의 초기값(initialValue)을 설정하지 않았을 때 첫 번째 요소가 객체로 처리되는 이유와 해결 방법은 무엇입니까?