JavaScript Cannot read property of undefined 오류 해결 방법
JavaScript에서 Cannot read property of undefined 오류는,
객체나 배열의 속성에 접근하려 할 때 해당 참조가 undefined인 경우 발생합니다.
오류 예시
TypeError: Cannot read property 'length' of undefined
원인
- 변수나 객체가 초기화되지 않음
- API 응답 데이터 구조 변경
- 배열 인덱스 범위 초과
- 비동기 처리에서 데이터가 아직 로드되지 않음
해결 방법
- 객체 존재 여부 확인:
if (obj && obj.prop) - 옵셔널 체이닝 사용:
obj?.prop?.length - API 응답 구조를 콘솔로 확인
- 비동기 처리 시 데이터 로드 후 접근
💡 팁: 옵셔널 체이닝(
?.)과 널 병합 연산자(??)를 함께 사용하면 안전하게 기본값을 설정할 수 있습니다.