오류
Cannot read properties of undefined (reading 'body') TypeError: Cannot read properties of undefined (reading 'body')
서버나 클라이언트에서 body 객체에 접근하려 할 때 해당 객체가 정의되지 않은 경우 발생한다. 즉, 객체나 변수의 값이 정의되지 않은 상태에서 프로퍼티를 참조하려 할 때 발생하는 에러이다.
해결
optional chaining 을 사용했다.
{/* optional chaining (?.)을 사용하여 중간에 undefined인 경우에도 오류가 발생하지 않도록 처리 */}
{weatherData && geoData && weatherData.response?.body?.items?.item && (
옵셔널 체이닝 : 자바스크립트를 사용해 페이지에 존재하지 않는 요소에 접근해 요소의 정보를 가져오려 하면 문제가 발생하기 때문에, '앞’의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환하여 객체가 존재하지 않더라도 에러가 발생하지 않도록 도와준다.
옵셔널 체이닝 '?.'
ko.javascript.info
옵셔널 체이닝 사용 시 주의 사항
