오픈 API 사용

 

카카오 맵 API 사용

 

---

 

1. 외부 사이트에서 API 키 받기

2. API_URL을 이용해 데이터를 요청

결국 URL은 특정 컴퓨터의 특정 리소스를 지칭한다.

브라우저가 URL을 통해 HTML 파일을 요청하는 것과 마찬가지로 서버도 URL을 통해 데이터를 요청한다.

 

- config.js에 API key와 URL 공통부분을 상수화

 

- API_URL을 통해 데이터를 fetch

 

- 이 경우엔 백엔드가 아니라 프론트엔드에서 데이터를 요청해 HTML의 내용을 채웠다.

브라우저의 네트워크 탭

 

 

* API_URL의 구성

URL을 적절히 변경해 데이터를 요청하면 된다.

 

---

참고

따라하며 배우는 노드, 리액트 시리즈