원정대 - HTTP Client

프론트엔드 개발자라면 네트워크 통신을 위해서 fetch를 사용해 보았을 것이다.

fetch를 사용하면서 fetch가 어떻게 동작하는지에 대한 궁금증이 항상 있었다.

fetch 이외에도 네트워크 통신을 위한 유명한 라이브러리인 axios도 사용해 보았다.

fetch와 axios를 사용해 보았는데 듣기로는 fetch보다 axios가 좋다는 말을 항상 들어왔다.

axios가 fetch보다 사용성이 좋은 것은 직접 체감해 보아서 이해는 되었다.

하지만, 사용성만으로 axios가 fetch보다 항상 좋다는 것이 이해가 되지 않았다.

내부에서 어떻게 행동하는지, axios와 fetch가 어떻게 만들어졌는지 등을 모른채 이것을 알았다고 할 수 있을까라는 의문이 들었다.

 

이번 원정대에서 이에 대해 공부할 좋은 기회를 얻었다.

fetch와 axios에 더해 SPA(Single Page Application)의 시초인 XHR, fetch를 이용한 라이브러리인 ky에 대해 공부를 하였다.

각각의 HTTP Client 도구가 어떤 코드 형태인지, 내부에서 어떻게 동작하는지에 대해 자세히 작성해볼 것이다.

 

1. XHR

XHR - 왜 알아야하나?

XHR의 단점

XHR의 단점

 

 

 

2. fetch

fetch - 기본 동작 방식

fetch - 기본 동작 방식

XHR과 fetch의 차이 - 메모리 처리 방식

 

 

 

3. axios

 

4. ky