Jeden Tag, aufrichtig und lustig.

기존에 진행한 프로젝트의 성능을 개선 할 수 있는 방법을 찾는도중 디바운싱 개념을 알게되었다. 나중에도 유용하게 사용할 수 있을 것 같아 정리해보았다. 1. 개념 및 사용 이유 디바운싱은 연속적으로 함수 실행 요청을 하는 경우 가장 마지막 요청만 수행하는 것을 의미한다. 디바운싱은 연속적으로 함수를 실행하는 것은 서버에 부담을 줄 수 있기 때문에, 이 부담을 경감하기 위해 사용 될 수 있다. 2. 적용 예시 아래 코드는 계정을 검색 할 수 있게 만들어주는 코드다. useEffect(() => { if (userInput) { getSearchUser(userInput) .then((data) => { setUserArr(data); }) .catch((error) => { console.log(error..

1. axios interceptors란? axios interceptors는 axios가 then 또는 catch로 처리되기 전에 요청과 응답을 가로챌수 있다. 2. 사용하게 된 이유 투두리스트를 리액트로 만들면서 로그인 후 할일 목록이 나타나는 페이지로 이동하도록 하고, axios를 활용해서 할일목록을 get하는 로직을 구성했다. const access_token = localStorage.getItem("signInToken"); export const axiosAuthApi = axios.create({ baseURL: BASE_URL, headers: { Authorization: `Bearer ${access_token}`, "Content-Type": "application/json", },..

웹호스팅 Internet > web index.html ---request---> (서버-서비스제공) 웹 브라우저 웹 서버 (클라이언트)