inflearn logo
강의

Course

Instructor

JavaScript Little by Little

04. Array methods - (2 of 7) Filter

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

Resolved

348

hweejincha

5 asked

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

Answer 1

0

eunjae

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

3강 질문

0

17

1

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

26

1

2강 nodejs 3단계 설명 질문

0

33

1

imagesLoaded에 관한 질문

0

19

2

useEffect와 lifecycle문의

0

26

2

프론트엔드 학습 수준 문의

0

37

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

47

2

최근 코테, 과제 테스트 트렌드

0

67

2

lucide react 아이콘 설치

0

46

2

17강 zustand store 서버에서 생성

1

36

1

문의관련 문의

0

44

2

깃헙 초대 관련

0

62

2

virtual dom과 관련된 인식 피드백

0

67

1

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

1

148

2

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

3

621

1

reactivity.js 를 proxy로 수정 후 오류

0

517

2

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

1

522

1

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

1

655

1

yarn dev 안되요..

1

564

1

yearn create 1분정도

1

330

1

콘솔창 $0과 this에 대해

0

684

1

소스파일

0

673

2

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

0

545

1

쇼핑물 api 입니다.

4

809

1