# XMLHTTPRequest

16개의 포스트
post-thumbnail

[JS] 드림코딩 JS 공부 #10

[JS] 드림코딩 JS 공부 #10 - 서버와 데이터를 주고 받기 위한 ajax, json 등을 공부해 보자!

2021년 12월 27일
·
0개의 댓글
post-thumbnail

자바스크립트로 비동기를 처리하는 방법

자바스크립트 공부하다 비동기를 처리하는 방법에 XMLHttpRequest라는 것을 만나게 됐다. 나는 async/awiat을 써왔기 때문에 이게 뭔가 싶었다. 갑자기 fetch는 무엇이고 Promise는 무엇인지 햇갈렸다.fetch가 있는데 갑자기 XMLHttpRequ

2021년 11월 20일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (Ajax)

Ajax(Asynchronous JavaScript and XML)란 자바스크립트를 사용하여 ① 브라우저가 ② 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다.Ajax는 브라우저에서 제공

2021년 9월 4일
·
0개의 댓글
post-thumbnail

[JS🐣] 비동기 통신 이해하기(XHR과 Fetch API)

브라우저에서 폼을 채우고 이를 웹 서버로 제출(submit)하면 웹 서버는 요청된 내용에 따라서 데이터를 가공하여 새로운 웹페이지를 작성하고 응답으로 되돌려준다.전체 페이지를 reload하기 때문에 서버의 부하가 커지고, 시간도 오래 걸린다.동기 방식으로 페이지가 re

2021년 8월 26일
·
0개의 댓글
post-thumbnail

[javascript] AJAX XMLHttpRequest

AJAS란 Asynchronous JavaScript And XML, XMLHttpRequest 객체는 서버와 통신하기 위해 사용하는 것. JSON, XML, HTML, TEXT format 등을 포함하여 다양한 format을 주고 받을 수 있음. URI를 정의하거나

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[모던JS: 심화] 네트워크 요청 (2)

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

2021년 6월 30일
·
0개의 댓글
post-thumbnail

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.

🤷‍♀️페이지 실행시 뜨는 이유이 옵션을 주게 되면, ajax가 종료될때까지 함수가 종료되지 않으므로 비동기 호출을 동기식 호출로 변경하면 사용자 경험에 별로 도움이 안 된다, 속도가 느리다. ( jquery ajax의 async 기본값은 true)전체페이지를 다시

2021년 6월 8일
·
0개의 댓글
post-thumbnail

Ajax 는 라이브러리 인가요?

Ajax Ajax 용어의 정의란 무엇일까? 이 글에서는 비동기 통신의 종류와 사용방법에 대해 설명하는 것 대신 개념에 대한 정의를 말하고자 한다. 웹 개발을 처음 배울때 비동기 통신을 어떻게 사용하는지, 관련 용어들은 뭐가 있는지, 열심히 공부하고 코딩까지 다 구현

2021년 6월 4일
·
0개의 댓글
post-thumbnail

🖥 서버 사이드 렌더링 제일 좋을까??

1990년대 중반까지 Static Site 서버에 만들어진 HTML 문서가 존재 사용자가 브라우저에 주소를 입력하면 서버는 이미 배포되어진 HTML을 보여주는 형식 단점!: 페이지 내에 다른 링크 클릭 시 서버에서 다시 HTML 파일을 받아서 페이지 전체를 업데이트해야

2021년 2월 24일
·
0개의 댓글
post-thumbnail

XMLHttpRequest

https://developer.mozilla.org/ko/docs/Web/Guide/AJAX

2021년 1월 26일
·
0개의 댓글

[JavaScript] Converting a callback function to a promise 콜백 함수에서 프로미스로 변환하는 방법

XMLHttpRequest()를 통해 JSON 형태로 받아온 세계 국가들에 대한 정보를 파싱하여, 국가 코드를 넣으면 국가 풀네임으로 바꿔주는 콜백함수 -> 프로미스로 바꿔주는 방법 포스팅

2020년 11월 4일
·
0개의 댓글

TIL_AJAX

클라이언트는 서버로부터 데이터를 가져와야 하는 상황이 언제 어디서든 발생할 수 있다. 예를 들어, 아이디와 비밀번호를 입력하고 로그인을 하면 해당 유저의 정보들을 서버로부터 가져와야 한다. 그렇다면 어떻게 가져올 수 있을까?바로 XMLHttpRequest를 사용해서 가

2020년 4월 26일
·
0개의 댓글
post-thumbnail

[부스트코스]DB 웹앱 연결, 23)Ajax통신의 이해

이번 포스팅에서는 자바스크립트 Ajax통신의 이해 에 대해서 공부해보도록 하겠습니다.브라우저의 새로고침 없이 데이터를 얻어오는 방법이 있습니다.이는 사용자가 더 빠르게 변경된 데이터를 화면의 새로고침 없이 확인할 수 있는 방법으로 더 좋은 UX(User Experien

2020년 3월 12일
·
0개의 댓글

지긋지긋한 CORS 파헤쳐보자

CORS (Cross Domain) 서버와의 통신을 위해 ajax나 XMLHttpRequest를 사용하다보면 CORS 에러가 나오는 경우가 종종 발생합니다. 할때마다 설정 방법이나 우회 방법을 항상 찾다보니 매번 고생하는거 같아 정리해봅니다. CORS 란? CORS는 Cross-Origin Resource Sharing의 약자로 보안상의 이유로, 브라...

2019년 11월 7일
·
0개의 댓글