Dr.Mlem Blog

case "get":                    let data = null;                    try{                        data=Object.fromEntries(formData); // 어제까지 한 여제에서는 formData를 객체로 만듦.                        그런데 axios에서는 json이 필요. 그래서 위쪽의 코드로 formData를 Json으로 바꾸고 있었음.                    }catch(e){  // 오늘은 애초에json 으로 받아내기 때문에,                                        풀어낼 수 있는 객체가 없어서 바로 catch문으로 타게 됨.                  ..

(08-10 AxiosHelper의 코드를 보던 와중) Q1. params: formData && Object.fromEntries(formData) 이 코드에서, Object.fromEntries(fromData)는 무엇을 하는 코드야? A1. Object.fromEntries(formData) 는 formData를 키-값 쌍의 일반 객체로 변환하는 역할을 합니다. FormData 객체는 폼 데이터를 다루기 위한 전용 객체로, 일반적인 객체와 다르게 동작합니다. 하지만 Axios에서 params 옵션은 일반 객체를 필요로 합니다. 따라서 FormData 객체를 그대로 params에 전달할 수 없으므로, Object.fromEntries를 사용하여 FormData를 일반 객체로 변환하는 것입니다. 코드를..

보호되어 있는 글입니다.

Q. Axios와 Ajax는 무슨 관계야? A. Axios와 Ajax는 둘 다 웹 브라우저에서 비동기 HTTP 요청을 보내기 위한 방법입니다. 하지만 둘 사이에는 몇 가지 차이점이 있습니다. Ajax Ajax(Asynchronous JavaScript and XML)는 웹 페이지에서 비동기적으로 서버와 데이터를 주고받기 위한 기술입니다. Ajax는 주로 XMLHttpRequest 객체를 사용하여 구현됩니다. Ajax를 사용하면 페이지를 새로 고침하지 않고도 서버와 통신할 수 있습니다. Axios Axios는 Ajax 요청을 더 쉽게 만들기 위해 설계된 JavaScript 라이브러리입니다. Axios는 Promise 기반으로 동작하며, HTTP 요청을 더 간단하고 직관적으로 작성할 수 있게 해줍니다. 또한..

보호되어 있는 글입니다.

response = await axios.get(blogOrCafe, { params:{ query:queryKeyword, page:currentPage, size:10 } }); 만약 이런 수식이였다면, response = await axios.get(blogOrCafe, { query:queryKeyword, page:currentPage, size:10 }); 이렇게 바꿔도 되는거야? ChatGPT said:ChatGPTparams 객체를 생략하고 바로 파라미터를 추가하는 방식으로 코드를 변경하면, 제대로 작동하지 않습니다. 이유는 axios.get 메소드가 받는 옵션 객체에서 params는 특정 역할을 하는 키워드이기 때문입니다.기존 코드javascriptCopy coderesponse = aw..

그럼 Axios 플러그인 사용 과정중의 부분중에 통신하는 과정이 있다는 소리지? 답안 표시 네, 맞습니다. Axios 플러그인 사용 과정 중에는 Axios 통신 과정이 포함되어 있습니다.Axios 플러그인 사용 과정은 다음과 같은 단계로 이루어질 수 있습니다.Axios 설치: npm 또는 CDN을 통해 Axios 라이브러리를 프로젝트에 추가합니다.Axios 설정: 필요에 따라 Axios의 기본 설정을 변경합니다. (예: baseURL, timeout, headers 등)API 요청 생성: axios.get(), axios.post() 등 Axios 메서드를 사용하여 HTTP 요청을 생성합니다.Axios 통신 과정: 생성된 요청을 서버로 전송하고, 서버의 응답을 기다립니다. (이 부분이 Axios 통신 과..