인프런 커뮤니티 질문&답변

안녕하세요! 타임즈 뉴스 만들기 부분에서 render 함수 짜고 있는데 자꾸

map 관련 오류가 뜹니다... 콘솔에 아래와 같이 찍혀요...

데이터만 불러오면 자꾸 같은 오류가 나서 렌더링이 잘 안되는데 어떻게 해결할 수 있나요?

main.js:17 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'map')

let news = []
const getLastNews = 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" : "TXFw8gmdafTvdz_B53fry7i7yuJesOf5fWWhu5EZdyQ",
});

  let response = await fetch(url,{ headers:header });
  let data = await response.json();

  news = data.articles
  render()
};

const render = () => {
  let newsHTML = "";
  newsHTML = news.map((news) => {
    return `<div class="row news">
    <div class="col-lg-4">
    <img class="news-image" src="${news.media}"/>
    </div>
    <div class="col-lg-8">
      <h2>${news.title}</h2>
      <p>
        내용
      </p>
      <div>
        출처
      </div>
    </div>
  </div>`;
  }).join('');
  document.querySelector('#news-board').innerHTML = newsHTML;
}
getLastNews()