inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

d-day 코드오류

해결된 질문

275

작성한 질문수 5

0

강의보면서 그대로 작성했는데 targetDate 부분이 오류가 납니다.

여기서 안되니까 remaining 에서도 오류나고..

콘솔 찍으면 NaN 만 출력이 되네요ㅠㅠ 왜그럴까요?

nan.PNG

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

react node.js seo graphql next.js

답변 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