프로젝트 중간이긴 하지만 하면서 공부하게 되고 더 궁금해진 것은
ajax가 더 알아가야 하는 부분이라고 생각이되어서 알아보았다.
ajax의 특징
- 페이지 새로고침 없이 서버에 요청
- 서버로부터 데이터를 받고 작업을 수행
ajax는 옛날에는 XMLHttpRequest를 이용해야 했지만 매우 복잡하고 어렵기 때문에 jQuery를 이용한 ajax를 사용했지만 최근 추가된 바닐라JS인 Fetch API를 이용하는 방법을 알아보았다.
Fetch API
쉽게 fetch() 함수로 ajax가 가능하다.
fetch(url)
.then((response) => response.json())
.then(console.log);fetch()는 .then() 메서드에서 처리된 promise를 반환합니다. 이 때는 아직 우리가 필요한 JSON 데이터의 포맷이 아니기 때문에 응답 객체의 .json() 메서드를 호출합니다. 그러면 JSON 형식의 데이터로 이행(resolve)된 또 다른 promise를 반환합니다. 따라서 일반적인 fetch 요청은 두 개의 .then() 호출을 갖습니다.
--> fetch(url)는 (url)을 요청하고 동시에 then(response)를 실행한다. 그렇게 나온 response를 json으로 바꿔주고 그 뒤 메서드를 실행한다.
렌덤형 인간