게속 오류떠서 글 작성해봐요....

Question

Uncaught TypeError: Cannot read properties of undefined (reading 'scrollHeight') at scrollLoop (main.js:367:65) at main.js:388:9     이런 오류 떠서 제 자바 스크립트 코드도 여기 올려볼께요....

studiomeal · Answer

아, 제가 확인이 늦었네요. 혹시 해결 하셨나요? 코드를 이미지로 말고 텍스트로 올려주시면, 저도 한번 찾아보도록 하겠습니다.

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. taehwan4072님, 오류 메시지와 관련하여 Uncaught TypeError: Cannot read properties of undefined (reading 'scrollHeight') 는 대체로 특정 객체가 예상했던 속성을 가지고 있지 않을 때 발생합니다. 문제가 되는 부분은 scrollLoop 함수에서 scrollHeight 속성 값을 읽으려 할 때 해당 객체가 정의되지 않았기 때문으로 보입니다. 이러한 문제는 종종 객체나 변수가 예상한 시점에 초기화되지 않았거나, 예상한 범위(scope) 안에 존재하지 않을 때 발생합니다. 그러나 제공된 스크린샷만으로는 정확한 원인을 진단하기 어렵습니다. 다행히 유사한 문제로 다른 수강생들이 질문했던 경우가 있어, 이와 관련된 답변을 참조할 수 있을 것 같습니다. 화면이 다 로드되지 않은 상태에서 스크롤을 내리면 오류창이 발생합니다 이 질문에서는 화면 로딩 중 스크롤을 할 때 scrollHeight 관련 오류가 발생하는 상황에 대해 설명하고 있으며, 해결 방법에 대한 힌트를 제공받을 수 있습니다. main.js 적용내용 강좌에서 에러가 나서 문의 드려요~ 여기서는 Cannot read property 'style' of null 오류에 대한 질문이었는데요, null 이 되는 객체의 참조 문제로 scrollHeight 문제와 연결될 수 있습니다. 이러한 유사한 질문들을 근거로 해서, undefined 객체의 속성에 접근하려 했을 때 발생하는 문제를 해결하는 방법에 대해 아이디어를 얻을 수 있을 겁니다. 특정 요소나 객체가 실제로 페이지에 존재하는지, JavaScript 코드가 실행되는 시점에 해당 요소가 제대로 초기화되어 있는지를 확인할 필요가 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.