fetch란 무엇일까?
fetch란 Ajax를 이용한 서버와의 비동기 요청방식 중 하나
초창기 서버와의 비동기 통신 방식 : XML Http Request
위 그림이 XML Http Request을 이용한 초창기의 비동기 서버 통신 방식이다.
(한눈에 보기에도 코드량이 많고 파악하기 복잡하다.)
➡️ 코드를 줄이고 간편하게 사용하고자 해서 이후에 나온 것이 Ajax이다.
Ajax란?
Ajax :
- Asynchronous JavaScript and XML의 약자입니다.
- Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나입니다.
- Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있습니다.
출처 : 코딩의 시작, TCP School
Ajax 방식 중 최근에 나온 기술이 fetch API이다.
fetch API 사용 틀, fetch API는 Promise 기반이다.
출처 : [2019.04.14] fetch API의 개념, 그리고 다시 정리해본 Promise :: 이뇽의세상
fetch API 사용시 유의 사항
fetch API로 받아온 data는 바로 사용할 수 없다는 것에 유의하여야 한다.
받아온 데이터를 json()메서드를 사용하여 Promise 형태로 변환해야 비로소 내가 원하는 형태의 데이터를 받아올 수 있다.
start!