지금까지 배운 것을 활용하여 카테고리별로 최신 뉴스 목록을 보여 주는 뉴스 뷰어 프로젝트를 진행해 보자.

• https://newsapi.org/ 에서 제공하는 API를 사용하여 데이터를 받아 온다.

• styled-components를 활용하여 스타일링해 본다.

14-1. 비동기 작업의 이해

웹 애플리케이션을 만들다 보면, 처리할 때 시간이 걸리는 작업이 있다.

• 예를 들어, 웹 애플리케이션에서 서버 쪽 데이터가 필요할 때는 Ajax 기법을 사용하여 서버의 API를 호출함으로써 데이터를 수신한다.

• 이렇게 서버의 API를 사용할 때는 네트워크 송수신 과정에서 시간이 걸리기 때문에 작업이 즉시 처리되는 것이 아니라, 응답을 받을 때까지 기다렸다가 전달받은 응답 데이터를 처리한다.

  • 이 과정에서 해당 작업을 반드시 비동기적으로 처리하게 된다.

만약 작업을 동기적으로 처리한다면, 요청이 끝날 때까지 기다리는 동안 중지 상태가 되어 다른 작업을 할 수 없다.