강의

멘토링

로드맵

Inflearn Community Q&A

smjo174063's profile image
smjo174063

asked

JavaScript: All-in-one from basics to practice

Let's draw the news : render

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

Written on

·

237

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
 
javascriptHTML/CSS

Quiz

웹 개발에서 API는 주로 프론트엔드와 무엇 사이의 소통을 돕는 역할일까요?

데이터베이스

운영체제

백엔드

다른 프론트엔드

Answer 2

0

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

마감이 안되어있네요.

0

안녕하세요 

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

smjo174063's profile image
smjo174063

asked

Ask a question