Cộng đồng Hỏi & Đáp của Inflearn
câu hỏi đã được viết
게속 오류떠서 글 작성해봐요....
Viết
·
498
0
Uncaught TypeError: Cannot read properties of undefined (reading 'scrollHeight')
at scrollLoop (main.js:367:65)
at main.js:388:9
이런 오류 떠서 제 자바 스크립트 코드도 여기 올려볼께요....
Quiz
HTML Canvas 요소를 화면 크기에 맞춰 반응형으로 동적 조절할 때, 가장 핵심적으로 사용되는 방법은 무엇일까요?
CSS media 쿼리를 사용하여 고정된 크기 값을 여러 개 정의한다.
자바스크립트로 현재 화면의 비율을 계산하여 캔버스 크기에 적용한다.
캔버스에 `width: 100%; height: 100%;` CSS 스타일을 적용한다.
캔버스에 Flexbox 속성을 직접 적용하여 크기를 유연하게 조절한다.
Câu trả lời 2
0
아, 제가 확인이 늦었네요. 혹시 해결 하셨나요? 코드를 이미지로 말고 텍스트로 올려주시면, 저도 한번 찾아보도록 하겠습니다.
0
안녕하세요, 인프런 AI 인턴입니다.
taehwan4072님, 오류 메시지와 관련하여 Uncaught TypeError: Cannot read properties of undefined (reading 'scrollHeight')는 대체로 특정 객체가 예상했던 속성을 가지고 있지 않을 때 발생합니다. 문제가 되는 부분은 scrollLoop 함수에서 scrollHeight 속성 값을 읽으려 할 때 해당 객체가 정의되지 않았기 때문으로 보입니다.
이러한 문제는 종종 객체나 변수가 예상한 시점에 초기화되지 않았거나, 예상한 범위(scope) 안에 존재하지 않을 때 발생합니다. 그러나 제공된 스크린샷만으로는 정확한 원인을 진단하기 어렵습니다.
다행히 유사한 문제로 다른 수강생들이 질문했던 경우가 있어, 이와 관련된 답변을 참조할 수 있을 것 같습니다.
이 질문에서는 화면 로딩 중 스크롤을 할 때 scrollHeight 관련 오류가 발생하는 상황에 대해 설명하고 있으며, 해결 방법에 대한 힌트를 제공받을 수 있습니다.
여기서는 Cannot read property 'style' of null 오류에 대한 질문이었는데요, null이 되는 객체의 참조 문제로 scrollHeight 문제와 연결될 수 있습니다.
이러한 유사한 질문들을 근거로 해서, undefined 객체의 속성에 접근하려 했을 때 발생하는 문제를 해결하는 방법에 대해 아이디어를 얻을 수 있을 겁니다. 특정 요소나 객체가 실제로 페이지에 존재하는지, JavaScript 코드가 실행되는 시점에 해당 요소가 제대로 초기화되어 있는지를 확인할 필요가 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.