14.4.1 NewsItem 만들기

먼저 NewsItem 컴포넌트 코드를 작성해 보겠습니다. 그 전에 각 뉴스 데이터에는 어떤 필드가 있는지 확인해 봅시다.

{
"source": {
  "id": null,
  "name": "Donga.com"
},
"author": null,
"title": ""새 집 냄새" "주택 청약 고마워!"…이시언 아파트 공개 - 동아일보",
"description": "배우 이시언(37)이 자신의 새 아파트를 공개했다.  이시언은 25일 방송한 MBC 예능 '나 혼자 산다'에서 정든 옛집을 떠나 새 아파트로 이사했다.  이사한 아파트에 도착한 …",
"url": "http://news.donga.com/Main/3/all/20190126/93869524/2",
"urlToImage": "http://dimg.donga.com/a/600/0/90/5/wps/NEWS/IMAGE/2019/01/26/93869523.2.jpg",
"publishedAt": "2019-01-26T00:21:00Z",
"content": null
}

위 코드는 각 뉴스 데이터가 지니고 있는 정보로 이루어진 JSON 객체입니다. 그중에서 다음 필드를 리액트 컴포넌트에 나타내겠습니다.

• title: 제목

• description: 내용

• url: 링크

• urlToImage: 뉴스 이미지