inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

시나브로 자바스크립트

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

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

해결된 질문

389

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

이은재

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

10월 15일 삭제예정 강의 문의

0

20

1

강의제목에 10/15일 삭제라고 나와있는데,

0

46

1

스크립트 영상 미일치

0

71

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

53

2

강의 설명 중에 헷갈리는 것이 있네요

0

49

1

수업자료 관련 문의

0

65

3

1강 동영상 재생 오류

1

66

2

Composition단계에서 `Layer`는 누가 만드는지

0

41

1

Strict Mode 예시 질문!

0

58

2

수업이 안보여요

0

62

1

저자 블로그에 있는 강의는 어떤 강의인가요?

1

60

1

깃헙 초대 관련

0

113

2

virtual dom과 관련된 인식 피드백

0

105

1

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

1

217

2

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

3

687

1

reactivity.js 를 proxy로 수정 후 오류

0

560

2

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

1

566

1

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

1

693

1

yarn dev 안되요..

1

591

1

yearn create 1분정도

1

370

1

콘솔창 $0과 this에 대해

0

717

1

소스파일

0

712

2

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

0

589

1

쇼핑물 api 입니다.

4

840

1