Back-End/AJAX&API&JSON4 Axios 1.Axios란? Axios는 타사 라이브러리이며 Javascript의 네이티브 함수가 아니다. 특징으로는 HTTP 요청의 생성과 처리를 간소화할 목적으로 만들어졌다. 사용하기 위해서는 추가로 빌드가 필요하다.(기본으로 제공하는 함수가 아니므로) https://github.com/axios/axios#installing GitHub - axios/axios: Promise based HTTP client for the browser and node.js Promise based HTTP client for the browser and node.js - GitHub - axios/axios: Promise based HTTP client for the browser and node.js github.com.. 2023. 6. 21. 3. XHR과 Fetch 1. XMLHttpRequest 보통 XHR이라고 부르며 아래와 같은 형식으로 사용됩니다. 객체를 생성한후 요청이 완료됐을 경우 onload 함수를, 에러가 발생하면 error 함수를 실행하고 req.open을 사용하여 get 요청을 전달하고, req.send를 호출하여 요청을 보냅니다. const req = new XMLHttpRequest(); req.onload = function (){ console.log("IT LOAD"); const data = JSON.parse(this.response); } req.onerror = function () { console.log("error"); console.log(this); } req.open("GET","https://swapi.dev/api/1.. 2023. 6. 21. 2. JSON 이란? JSON 이란? - JSON은 계속해서 데이터를 전송하거나 정보를 전송하는 포맷이다. - 사용자끼리 전송하거나 API에서 브라우저로 전송이 가능하다. - 일관적이고 예측할수 있는데이터를 포맷팅 하는게 특징이다. - JavaScript 객체 구문을 기반으로 하여 중괄호와 key- value 값을 갖는게 비슷하다. - 다른점으로는 모든키는 큰 따옴표 "" 를 가지고 있다. - JSON은 JavaScript에서만 쓸수 있는게 아닌 Ruby,Python 등 다른 언어에도 사용 가능하다. https://jsonformatter.curiousconcept.com/#about JSON Formatter & Validator Format and validate JSON data so that it can easily .. 2023. 6. 20. 01. AJAX란(+API) 1.AJAX란? -AJAX는 비동기식 JavaScript와 XML 이다. -기존의 웹 페이지는 페이지 전체를 새로고침해야지만 서버로부터 데이터를 가져오거나 전송할 수 있었지만, AJAX를 사용하게 되면 페이지의 일부분만 업데이트할 수 있다. -정보를 올리거나 전송하고 어떤 정보를 저장하려면 요청이 필요한데 그것을 웹사이트나 혹은 앱에서 보이지 않게 요청을 하는것이며 서버로 데이터를 원활하게 주고 받을수 있게 해준다. - JavaScript를 사용하여 비동기적으로 서버와 통신하고, XML 또는 JSON 형식으로 데이터를 주고받을 수 있다. 최근에는 XML 보다는 JSON 형식을 많이 사용하고 있다. 예시: 데이터를 서버로 전송하여 백엔드와 상호작용하는 회원가입 양식 제출, 데이터 저장 등이 있으며 실시간 .. 2023. 6. 19. 이전 1 다음
