• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

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

22.05.16 12:47 작성 조회수 130

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
 

답변 2

·

답변을 작성해보세요.

0

BYEONGGWON YU님의 프로필

BYEONGGWON YU

2022.07.26

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

마감이 안되어있네요.

0

안녕하세요 

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