inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 프론트엔드를 위한 자바스크립트 첫걸음

디지털 시계 개발하기

강사님 코드를 똑같이 따라했는데 에러코드로 떠요.

해결된 질문

282

작성자 없음

작성한 질문수 0

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')

오류가 뜨며 아무것도 보여주지 않아 강의 진행에 어려움을 겪고 있습니다. 어떻게 해결을 해야될까요?

javascript

답변 2

1

XQ

해결했습니다. id를 적어두지 않은 제 실수였습니다..

0

효빈 Hyobin

해결하셨다니 다행입니다!! 또 다른 질문이 생긴다면, 언제든지 질문해주세요 🙂

0

인프런 AI 인턴

안녕하세요, 인프런 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 구조를 다시 검토해 보시는 것이 필요할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

브라우져 호환성 문의

0

68

2

4-23 Promise객체 12:05 코드 질문

0

60

2

<div class="bookmark-item-add-btn"> 질문

0

58

2

랜덤이미지

0

60

2

"6. 1. (최신 버전) 자바스크립트 코딩 환경 설정"의 화면이 정상적으로 출력되지 않습니다

1

72

2

북마크바 디폴트가 "북마크 열기"로 뜹니다.

1

131

1

홈페이지 이미지 추가 방법 문의드립니다!

0

116

2

북마크 추가 버튼 활성화 오류 문의드립니다!

0

114

1

북마크바 배치 문의드립니다!

0

115

2

명언 설정하는데 위치설정 오류가 있어요!

0

143

2

4:45 부터 무한로딩되어 재생이 안됩니다ㅠ

1

105

1

BigInt Type 에 대하여

0

87

1

계속 헷갈리네요. 이게 맞나요?

1

149

2

섹션 7 - 7 프로젝트 적용하기

1

121

2

섹션7 - 7 프로젝트 적용하기

0

89

1

섹션7-4 api사용해서 명언 설정하기

0

135

2

6분 53초 질문입니당

1

119

2

왜 전부다 div태그로 만드는지 궁금합니다.

1

232

2

[수업질문] bookmark.js에서

0

130

2

최종 프로젝트 적용

0

182

2

append&appendChild+메소드 호출

1

138

1

코드샌드박스 업데이트

0

169

2

async pending상태의 promise객체

1

151

2

화면이 다릅니다.

1

178

1