[React] EffectHook - api 활용하여 검색 결과 보여주기

api를 활용하여 진행하기 때문에 chrome store에서 json viewer download이 필요 axios 설치 api를 가져올 사이트는 아래와 같이 생겼다. https://hn.algolia.com/api/v1/search 예시 소스는 아래와 같으며 각 라인별 설명을 주석 처리로 설명해 놓았다. mport React, {useState, useEffect} from "react"; // Json 데이터를 받아 오기 위해 선언 import axios from 'axios' const App = () => { //react satate hook // hits는 가져올 api에서의 데이터 const [data, setData] = useState({ hits: []}) // api 검색 키워드 (쿼리 스트링) const [query, setQuery] = useState('react') // 랜더링이 업데이트가 되었을 때 effct 구문 실행 // 리액트에서 랜더링 useEff...

원문링크 : [React] EffectHook - api 활용하여 검색 결과 보여주기