# ajax
비동기 HTTP 요청 (1) Fetch
자바스크립트를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있다.ex) 주문 전송, 사용자 정보 읽기 등여러가지 방법이 있는데, 가장 먼저 Fetch()에 대해 알아보자.・ url - 접근하고자 하는 URL・ options -
AJAX
서버 데이터로 간단하게 화면을 드로잉하는 기술서버 데이터: JSON ===> 파싱: JS,jQuery(getJSON() => load() => each()) ===> 드로잉: JS,jQuery(text() / html() / append())1) text() - 문자만
Ajax with FormData is Broken on IE
Ajax를 이용할 때 이미지 데이터 전송을 위해 FormData를 사용하는데마지막 입력란이 radio 항목이였고 값이 선택 되지 않은 경우 에러가 발생했다.fiddler로 전송되는 패킷을 확인했을때IE에서만 데이터가 깨져 보였고, 구글링 결과 아래와 같은 글을 찾게 되
[Spring] 내가보는 annotation 정리
@RequestBody @ResponseBody @RequestParam 들어가면서 스프링에서 비동기 처리를 하는 경우 @RequestBody와 @ResponseBody를 사용합니다. 두가지를 사용하여 어떻게 비동기 처리를 하는 지 알아보자. 클라이언트와 서버의
Ajax
Ajax란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest객체를 기반으로 동작

[JavaScript] Ajax란
Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다.표현 정보를 위한 HTML( 또는 XHTML)과 CSS동적인 화면 출력 및 표시 정보와의 상호작용을

AJAX란?
웹을 공부하던 중에 AJAX라는 기술을 알게 되었고 AJAX가 비동기 방식이라는 것도 알게 되었다. 알고 있었던 개념이라 생각하고 넘어갔었는데 다시 보니 기억이 나지 않았다...이 시간에 확실히 정리 및 정복하겠다...!!위키에서 AJAX를 아래와 같이 정의하고 있다.
ajax로 multipart/form-data를 전송하기
현재 Django-rest-framework를 이용하여 회원 전용 게시판을 구현하고 있다. 게시물을 작성하고 제출하기 버튼을 클릭하면 일반적으로 폼이 제출되면서 다음 페이지로 이동하게 된다. 그러나 지금은 프론트엔드와 백엔드 부분이 분리되어져 있어 다음 페이지로 이동할

TIL_IM_20201224(목)
html페이지 전체가 아니라 필요한 부분을 갱신할 수 있도록 도와주는 비동기 자바스크립트페이지 새로고침 없이 서버에 요청할 수 있다. 서버로부터 데이터를 받고 작업을 수행// Post 요청
TIL(2020.12.21)
Application Programming Interface. 응용프로그램 프로그래밍 인터페이스.응용 프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스인터페이스란?인터페이스(interface)는 컴퓨터 시스템끼리

[Node.js] 서버와의 연결/통신 (2) HTTP / Ajax / Fetch 💯️
goalBrowserServerAPIHTTPAjaxFetch웹이라는 공간에서 데이터가 어떤 형태로 전달되는지 이해한다서버와 어떻게 통신하는지 이해한다Web Architectures클라이언트, 서버, API의 정의Browser의 역할Browser와 서버와의 연결이 어떤
[Node.js] 서버와의 연결/통신 (1) Browser / Server / API 💯️
goalBrowserServerAPIHTTPAjaxFetch웹이라는 공간에서 데이터가 어떤 형태로 전달되는지서버와 어떻게 통신하는지Web Architectures클라이언트, 서버, API의 정의Browser의 역할Browser와 서버와의 연결이 어떤 규약(protoco
JSP - 10. Cache-Control, Refresh, Location
201201 갱신 데이터 받아오기 (동기 vs 비동기), Forward, Include vs. Redirect

TIL23: Asynchronous JavaScript and XHR
Dynamic Web Page과거의 웹 페이지상에서 이루지는 요청과 그에 따른 응답은 페이지를 전환(새로운 페이지 전체를 로딩)하여 처리하였습니다. 하지만 오늘날의 SPA(Single Page Application)에서는 서버의 응답에 따라 페이지의 일부만 업데이트(페