2024.09.21

 

산 상세 페이지에서 새로고침을 하니 오류가 발생했다. 

 

"Cannot read properties of  undefined"

 

undefined 상태의 객체에 접근하려고 해서 발생한 오류

 

중단점을 찍어보니 mntn데이터가 들어오기도 전에 (로딩 중일 때) find 메서드를 호출해서 문제가 발생했다.

 

1. 코드 위치 변경

로딩이 끝나고 mntn데이터가 들어왔을 때 selectedMntn을 찾는 것이다.

중단점을 찍고 새로고침을 하니 mntn데이터가 들어와 있고 `로딩 중입니다..`메세지가 뜬다. 

이어서 실행하니 아주 잘 나온다

 

2. null처리

위치를 변경시키지 않을 경우엔 null처리를 해줘야 한다.

const selectedMntn = mntn ? mntn.find((item) => item.mntnid === Number(mntnId)) : null;

 if (!selectedMntn) {
     return <div>선택된 산 정보가 없습니다. 다른 산을 선택해 주세요.</div>;
 }

마찬가지로 `로딩 중입니다...`메세지가 뜨고 로드 되면

아주 잘 나온다.

 

 

 

이번 문제는

로딩이 끝나고 데이터가 들어왔을 때 selectedMntn을 찾았어야 했는데 생각 없이 코드를 친 내 잘못....

 

 

그래도 뿌듯하군^~^