하루살이 개발일지

AJAX란? AJAX는 "Asynchronous JavaScript and XML"의 약자로, 웹 페이지가 전체 페이지를 다시 로드하지 않고도 서버와 데이터를 교환할 수 있도록 해주는 기술이다. 이 기술은 사용자의 경험을 크게 향상시키며, 특히 웹 애플리케이션의 성능 개선에 중요한 역할을 한다. 1. AJAX의 탄생 배경: 과거 웹 페이지는 SSR(Server-Side Rendering) 방식을 사용했다. 이 방식은 사용자가 요청할 때마다 새로운 페이지가 서버로부터 로드되고 전체 페이지가 새로고침되었다. 이로 인해 사용자 경험은 끊겨 보일 수 있었고, 서버에 불필요한 부하를 주는 원인도 되었다. AJAX는 이러한 문제를 해결하기 위해 고안되었다. 페이지의 일부분만 비동기적으로 업데이트할 수 있도록 함으로..

axios instanceaxios instance는 HTTP 요청 설정을 미리 정의하여 재사용할 수 있도록 만든 객체이다.생성하려면 axios.create 메서드를 사용한다.const instance = axios.create({ baseURL: '', timeout: 1000, headers: {'X-Custom-Header': 'foobar'}});baseURL : 모든 요청에 대해 기본으로 사용할 urltimeout : 요청이 중단되기 전 대기할 시간 (밀리초 단위)headers : 모든 요청에 공통으로 사용할 HTTP 헤더 요청 및 응답 처리인스턴스를 통해 요청을 보낼 때 기본 설정이 자동으로 적용된다. 인스턴스에 일반 axios 메서드 (get, post, put, delete..

Axios 공식문서 : axios 란 node.js와 브라우저를 위한 Promise 기반 http 클라이언트 다시 말해 http를 이용해서 서버와 통신하기 위해 사용하는 패키지 yarn add axios json-server 설정 테스트용 db.json 설정 yarn json-server --watch db.json --port 3001 { "todos": [ { "id": "1", "title": "react" } ] } GET axios.get get은 서버의 데이터를 조회할 때 사용 // url에는 서버의 url이 들어가고, config에는 기타 여러가지 설정을 추가할 수 있습니다. // config는 axios 공식문서에서 확인하세요. axios.get(url[, config]) // GET 공식..