inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

자바스크립트 : 기초부터 실전까지 올인원

뉴스를 그려주자 : render

여기서 왜 map함수가 실행이 안될까요??

240

성문

작성한 질문수 86

1

 

const getLatestnews= async()=>{
    let url=new URL( `https://api.newscatcherapi.com/v2/latest_headlines?countries=kr&topic=business&page_size=10`)
    let header=new Headers({'x-api-key':'d8h9038rFoacHi1tlRVr5p0r0_F2AF2PHOcaR4mb24Y'})
    let response= await fetch(url,{headers:header})
    let data=await response.json()
    news=data.articles
    render()
    }
getLatestnews()

let render=()=>{
    let newsHtml="";
    newsHtml=news.map(news=>{
            return `<div class="row">
        <div class="col-lg-4">  
              <img class="newsimg" src="https://static01.nyt.com/images/2022/06/14/world/15buffalo-shooting-header-copy/merlin_206877762_554fdf7d-d257-41e6-a289-b60f54708738-jumbo.jpg?quality=75&auto=webp">
              </div>
              <div class="col-lg-6" >
             <h2>경찰이 출동을 하였다</h2>
              <p>
                  무장강도가 침입을 하여 경찰이 출동을 하였다
                  </p>
          <div>
              2021-05-16일
          </div>  
          </div>
        </div>`
    })
    document.getElementById("newscontainer").innerHtml=newsHtml
 

javascript HTML/CSS

답변 2

0

BYEONGGWON YU

뭐 이미 해결하셧겟지만 render에 }; 함수 

마감이 안되어있네요.

0

코딩알려주는누나

안녕하세요 

에러메세지까지 같이 보여주시면 더 빠르게 도와드릴 수 있을것 같습니다!

반복문 문제3 369게임

0

472

1

투두리스트 과제 힌트 좀 주세요 ㅠ

0

397

1

강의가 재생이 안됩니다.

0

424

2

강의 정리된 자료

0

412

1

타임즈뉴스 401에러

0

356

1

to do list

0

323

1

EventListener 질문입니다.

0

271

1

developer tool 아이콘 클릭했는데 콘솔창이 안떠요

0

257

1

git 허브나 netlify 용량

0

1261

1

깃허브 오류

0

369

1

Math 함수를 사용해봤는데. ... 은 무슨 의미일까요??

0

433

1

로컬스토리지 저장하는 방법 알려주세요 ㅠㅠ

0

868

1

타임즈 render 부분 질문

0

438

1

인프런 블로그 작성

1

493

1

전날엔 되던것이 담날엔 안되네요 ㅜㅜ

0

429

1

뉴욕타임즈 뉴스를 그려보자 reder편 질문

0

399

1

TO DO LIST

0

361

1

TO DO LIST

0

437

1

es6 7번 문제에 관하여 질문사항 있습니다.

0

326

1

node.js 로 웹서버 구축할때 힘들었는데 넷리파이로 이렇게 쉽게 웹서버가 만들어지다니.. 감동입니다. 항상 서버도 살아있고 깃헙이랑 동기화되는게 장점인것같아요

0

425

0

함수강의 연습문제 6번 질문사항

0

256

1

let gameOver = false;

0

255

1

api 호출 관련해서 Usage 가 50이라...

0

416

1

map이 안먹습니다.. ㅠㅠㅠ

0

371

2