FrontEnd/JS3 Fetch / Axios 비교 Fetch를 주로 사용하다 Axios를 왜 쓰는걸까 궁금해하던 차에 특징을 비교해보고자 합니다. 자바스크립트에서 HTTP 통신을 위해 Fetch API를 제공합니다. 이전에는 XMLHttpRequest 객체를 통해 AJAX 를 했습니다. AJAX란,서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것입니다. (Asynchronous JavaScript And XML) 웹 2.0이 시작되면서 AJAX를 사용하여 동적인 웹이 되었고 비동기 처리를 위해 콜백함수를 사용했습니다. 콜백지옥으로 문제가 되니 비동기 데이터를 다루는 객체인 Promise가 나타났습니다. Fetch 와 Axios Fetch는 HTTP통신을 할 수 있도록 자바스크립트에서 제공하는 API로 Promise값을 반환하여 통신결과.. 2023. 4. 14. 콜백 함수란? 알고 있다고 생각하는 개념도 설명하라고 하거나 정의를 물어보면 명확하게 얘기하지 못하는 경우가 많다. 그래서 이번 기회에 정리하여 머리 깊게 개념을 넣고자 한다. 콜백 함수란? Callback function A callback function is a function passed into another function as an argument, which is then invoked inside the outer function to complete some kind of routine or action. 해석하자면, 콜백함수는 다른 함수에 argument(인수)로 전달되는 함수이다, 외부함수의 내부에서 invoked(호출)되어 어떤 종류의 루틴이나 동작을 완료한다. 함수 인수로 함수가 전달되어 외부.. 2023. 1. 20. 웹 컴포넌트 코딩을 최근 접한 개발자라면 당연히 웹 컴포넌트 개념을 기준으로 개발을 시작했을 것이다. 여러 개발자를 만나보면서 자신이 사용하는 기술을 정확하게 알고 개발을 하는 사람이 많지 않다는 것을 깨달았다. 기술이란, 목적에 맞게 사용했을 때 가장 빛나는 것이며 다양한 기술들 중 알맞게 선택할 수 있어야한다. 나도 급할땐 기술먼저 적용한 적도 많았지만, 내가 쓴 기술은 어떤 장단점이 있고 어떤 용도로 써야하며 지금 목적에는 어떤 기술들이 있고 어떤것이 가장 적합한지 공부하고 정리하는 습관을 들이자. 모든 기술은 목적이 명확하고 그 근본이 되는 기술이나 개념이있다. 앞으로는 개념들을 여기 블로그에 정리해야겠다. 우선은 '웹 컴포넌트' 이다. 작년 프론트엔드 작업을 하면서 웹 컴포넌트에 대해 익히게 됐다. 모든 태.. 2022. 9. 15. 이전 1 다음
