inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

시나브로 자바스크립트

04. Array 메소드 - (2 of 7) Filter

filter test 마지막 문제 결과값이 이상합니다.

해결된 질문

372

hweejin_cha

작성한 질문수 5

2

04. Array 메소드 - (2 of 7) Filter

====================================

filter의 마지막 테스트 중 원하는 결과값이 나오지 않습니다.

강사님의 코드와 동일하게 작성하면

const tweetsPostedAfter10pm = posts.filter((post) => {
      const frenchTimestamp = new Date(post.meta.created_at).toLocaleString('fr-FR');
      return new Date(frenchTimestamp).getHours() >= 22;
    });

//결과
// - Expected   "5"
// + Received   "1"

이렇게 나옵니다.

저는 한국에 있으니 지역이 문제인 것 같아서 한국으로 설정하고 돌리면

    const tweetsPostedAfter10pm = posts.filter((post) => {
      const koreanTimestamp = new Date(post.meta.created_at).toLocaleString('ko-KR');
      return new Date(koreanTimestamp).getHours() >= 22;
    });

//결과
//  - Expected   "5"
//  + Received   "0"

위처럼 나옵니다..

 

콘솔로 데이터를 찍어보니

   const tweetsPostedAfter10pm = posts.filter((post) => {
      const frenchTimestamp = new Date(post.meta.created_at).toLocaleString('fr-FR');
      console.log(new Date(frenchTimestamp).getHours());
      return new Date(frenchTimestamp).getHours() >= 22;
    });

//console
1
1
6
NaN
NaN
NaN
8
7
19
18
NaN
NaN
...

참고로 ko-KR은 모두 NaN으로 나옵니다.

동일한 코드인데 왜 저는 이렇게 나오는 걸까요?? 오타라도 있는걸까요..?

 

+ 다른 코드로 해봤는데 9개가 나옵니다;

   const tweetsPostedAfter10pm = posts.filter((post) => {
        const date = new Date(post.meta.created_at);

        // UTC 시간을 한국 시간으로 변환
        const koreanTime = new Intl.DateTimeFormat('ko-KR', {
            timeZone: 'Asia/Seoul',
            hour: '2-digit',
            hour12: false
        }).format(date);

        // '시' 부분만 추출
        const koreanHour = koreanTime.split('시')[0];
        const toNumber = koreanHour * 1;

        console.log(toNumber)
        return koreanHour >= 22;;
    });

//결과
//  - Expected   "5"
//  + Received   "9"

 

++ 영상을 끝까지 보고나니까 오류가 있는게 맞는 것 같네요!? 저처럼 혼자 삽질하고 있을 학생들을 위해 남겨두겠습니다!

javascript vanilla-js

답변 1

0

이은재

안녕하세요! 네네 그런 이슈가 있어서 영상을 덧붙였던건데, 중간에 영상을 멈추고 디버깅을 하셨다면 모르셨겠네요 🥲 영상에 자막 같은 걸 좀 한 타이밍 일찍 넣거나 해보겠습니다. 피드백 감사해요!

mission12-01 guide.md파일 누락

0

9

1

자료집 관련

0

13

2

13. (App 2) 기본기 훈련 에서

0

23

1

챌린지 시작일 문의

0

26

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

25

1

11차시 Antigravity IDE 설치 후

0

24

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

28

1

5,6,7,8 내용이 없어요

0

29

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

23

1

mission 09-01 을 수행할 수 없어요

0

30

1

Context API vs Zustand 그리고 Auth

0

38

2

깃헙 초대 관련

0

95

2

virtual dom과 관련된 인식 피드백

0

88

1

getInitialHTML을 꼭 빌드된 dist 디렉토리 내 파일에서 import하는 이유가 있나요??

1

187

2

번들러를 꼭 사용해야하나요?

3

666

1

reactivity.js 를 proxy로 수정 후 오류

0

541

2

첫 강의 배포 & 번들러의 기초에 대한 제 이해가 맞는지 궁금합니다

1

547

1

클로저에 대해서 제가 아는 부분을 공유합니다!

1

678

1

yarn dev 안되요..

1

578

1

yearn create 1분정도

1

357

1

콘솔창 $0과 this에 대해

0

701

1

소스파일

0

699

2

백틱 치환 기능이 궁금합니다.

0

572

1

쇼핑물 api 입니다.

4

822

1