[리액트 / API] API를 연동하여 뉴스 뷰어 만들기 3

이제 NewsList 컴포넌트에서 API를 호출해 보자. 컴포넌트가 화면에 보이는 시점에 API를 요청하려고 한다. 이때 useEffect를 사용하여 컴포넌트가 처음 렌더링되는 시점에 API를 요청하면 된다. 여기서 주의할 점은 useEffect에 등록하는 함수에 async를 붙이면 안 된다는 것이다. useEffect에서 반환해야 하는 값은 뒷정리 함수이기 때문에, useEffect 내부에서 async/await를 사용하고 싶다면, 함수 내부에 async 키워드가 붙은 또 다른 함수를 만들어서 사용해 줘야 한다. 추가로 loading이라는 상태도 관리하여 API 요청이 대기 중인지 판별하려고 한다.. 요청이 대기 중일 때는 loading 값이 true가 되고, 요청이 끝나면 loading 값이 fa..........

원문링크 : [리액트 / API] API를 연동하여 뉴스 뷰어 만들기 3