d-day 코드오류
강의보면서 그대로 작성했는데 targetDate 부분이 오류가 납니다.
여기서 안되니까 remaining 에서도 오류나고..
콘솔 찍으면 NaN 만 출력이 되네요ㅠㅠ 왜그럴까요?
<script>
const dateFormMaker = function () {
const inputYear = document.querySelector("#target-year-input").value;
const inputMonth = document.querySelector("#target-month-input").value;
const inputDate = document.querySelector("#target-date-input").value;
const dateFormat = `${inputYear}-${inputMonth}-${inputDate}`;
return dateFormat;
};
const counterMaker = function () {
const targetDateInput = dateFormMaker();
const nowDate = new Date();
const targetDate = new Date(targetDateInput).setHours(0,0,0,0); /* error */
const remaining = (targetDate - nowDate) / 1000;
const remainingDate = Math.floor(remaining / 3600 / 24);
const remainingHours = Math.floor(remaining / 3600) % 24;
const remainingMin = Math.floor(remaining / 60) % 60;
const remainingSec = Math.floor(remaining) % 60;
console.log(remainingDate, remainingHours, remainingMin, remainingSec);
console.log(targetDate);
};
</script>
답변 1
0
안녕하세요! 쟌님!
counterMaker() 함수를 실행하셨는데, 최종 결과 콘솔 2줄이 모두 NaN으로 출력되셨군요!
NaN은 Not a Number의 약자로, 계산할 수 없는 값, 이상한 값들에 대해서 계산이 들어간 경우의 결과로 받아보실 수 있습니다.
따라서, 계산이 왜 진행이 되고 있지 못하는지 확인을 해볼 필요가 있어요!
가장 먼저 확인해 보실 부분은 counterMaker() 함수가 실행되었을 때, 내부에서 가장 먼저 실행되는 dateFormMaker() 함수가 잘못되었을 가능성이 있습니다.
dateFormMaker() 함수 내부에서는 id="target-year-input", id="target-month-input", id="target-date-input" 이라는 속성을 가진 태그들의 값(value)를 가져오고 있네요.
따라서, 위 3개의 태그들에 어떠한 값도 입력되지 않은 상태에서 counterMaker() 함수가 실행되는 경우 최종 결과가 NaN이 될 수 있을 것 같아요!
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
41
1
댓글 기능 구현 중 질문드립니다.
0
67
1
쿠폰코드 발급
0
147
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
89
2
문의드립니다!! ㅠㅠ
0
104
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
79
2
_app.js 작성 이후로 에러가 발생하네요
0
95
2
학습자료
0
72
2
학습자료가 안열립니다.
0
51
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
61
0
기존강의 구매자, 업데이트 끝인가요?
0
111
3
업데이트 버전 수강
0
89
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
84
1
graphql 접속이 안됩니다.
0
101
2
const, let 사용 질문 드립니다.
0
72
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
81
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
167
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
185
2
2분 44초 질문
0
132
3





