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: 뉴스 이미지

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.