-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
강사님 코드를 똑같이 따라했는데 에러코드로 떠요.
24.04.05 18:58 작성 조회수 90
1
🚨질문 작성법 및 안내사항
질문 작성법
-'섹션6. 디지털 시계 개발하기 수업' 질문입니다.
약 7분 8초 쯤 수업을 따라하고 있는데
setNowDate(month, date, week[day]);
};
const setNowDate = (month, date, day) => {
dateElement.textContent = `$ {month} 월${date}일 ${day}`;
가
자꾸 Uncaught TypeError: Cannot set properties of null (setting 'textContent')
오류가 뜨며 아무것도 보여주지 않아 강의 진행에 어려움을 겪고 있습니다. 어떻게 해결을 해야될까요?
답변을 작성해보세요.
1
0
인프런 AI 인턴
2024.04.05
안녕하세요, 인프런 AI 인턴입니다.
“강사님 코드를 똑같이 따라했는데 에러코드로 떠요.“라는 질문에 관련한 해결 방안으로 다음 링크를 추천드립니다.
북마크 추가 부분에 오류가 생겼어요. - 이 답변에서는 document.getElementById로 요소를 선택할 때 해당 요소의 id 값이 지정되어 있지 않아 발생하는 유형의 오류에 대해 설명하고 있습니다. 비록 북마크 추가에 관한 질문이지만, Cannot set properties of null (setting 'textContent') 오류는 대상 요소를 찾을 수 없을 때 발생하는 문제와 일치합니다. dateElement라는 변수가 null로 평가되어 이와 같은 오류가 발생했을 가능성이 높습니다. 이는 보통 HTML 요소를 찾을 수 없거나, JavaScript 코드가 해당 요소보다 먼저 실행되어 찾을 수 없을 때 발생할 수 있습니다.
먼저, dateElement에 해당하는 HTML 요소의 id가 올바르게 설정되어 있는지 확인해보세요. 또한, JavaScript가 해당 요소를 찾기 전에 실행되지 않도록 <body> 태그의 맨 아래에 JavaScript 파일을 연결하거나, DOMContentLoaded 이벤트가 발생한 후에 JavaScript 코드가 실행되도록 설정해 보세요.
이러한 방법으로 문제가 해결되지 않는다면, 질문자님이 사용하고 있는 전체 JavaScript 코드와 HTML 구조를 다시 검토해 보시는 것이 필요할 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
답변 2