클라이언트와 서버의 개념
웹에서 데이터들이 어떤 형식으로 이동할까?
일반적으로 데이터는 json 형식으로 이동한다.
json 형식의 표준은 딕셔너리 형식과 유사하다. 여기서 딕셔너리 형식은 JS에서 객체와 비슷한 형식이라고 한다. key값과 value값 두가지로 데이터를 저장하는 것이다.
API
API는 이전에 개발 용어 관해서도 적어봤지만, 다시 한 번 확인해보면 Application Programming Interface의 줄임말로 소프트웨어에서 서비스를 요청하고 응답 받을 수 있도록 정의된 인터페이스다.
데이터 관련해서 생각하면, 데이터를 바깥에서 사용할 수 있도록 데이터를 열기 위한 통로를 URL 형식으로 설정해놓은 것이 아닌가 생각이 든다.
보통 API는 통상적으로 허락된 곳에만 허락이 된다. 그럴 수 밖에 없는 게, 보통 데이터라 함은 어디에서든 중요하게 쓰일 수 있다. 기업에서 데이터를 통해 어디에서 돈의 흐름이 크게 느껴지는 것 등을 알 수 있고, 정부의 경우 국민들의 데이터를 보유하고 있기 때문에, 만일 허락되지 않은 곳에 퍼진다면 큰 문제가 발생할 수 있다.
하지만 API 중 모든 곳에서 허락되는 API가 있다. 바로 openAPI.
오픈소스와 같은 개념으로 누구든 데이터를 가져와 사용이 가능하다.
fetch
fetch는 JS에서 제공하는 네이티브 API로 가져오고자 하는 리소스의 경로를 나타내는 하나의 인수만 받는다.
fetch를 사용해 데이터를 가져오고, 가져온 데이터를 처리한다.
fetch에는 get 요청과 post 요청이 있다.
get 요청을 통해 API에 있는 데이터를 가져와 그 데이터를 사용하거나, POST 요청으로 데이터를 서버로 보내는 경우도 있다.
기본적인 구조로는
fetch(URL).then(response => { }).then(data => { })
