개발후라이
개발후라이
개발후라이
  • 분류 전체보기 (287)
    • Web Front End (76)
      • Javascript & Typescript (26)
      • React (12)
      • Vue (4)
      • Nodejs (1)
      • HTML (6)
      • CSS (8)
      • HTTP (6)
      • 책 - Review (8)
    • TIL (0)
    • Problem Solved (135)
      • 알고리즘 (4)
      • BOJ (67)
      • Programmers (8)
      • HackerRank (33)
      • LeetCode (23)
    • 회고 (4)
      • 오늘의 회고 (16)
      • 주간 회고 (15)
      • 월간 회고 (7)
      • WakaTime (9)
    • Git (3)
    • 기타 (15)
      • 취업 (5)
      • 자격증 (1)

블로그 메뉴

  • GitHub
  • LinkedIn
  • 홈

인기 글

태그

  • 회고
  • 자바스크립트
  • 노개북
  • 릿코드
  • 개발자
  • 노마드북클럽
  • 프론트엔드
  • TypeScript
  • 오늘의회고
  • JavaScript

최근 댓글

최근 글

전체 방문자
오늘
어제

티스토리

hELLO · Designed By 정상우.
개발후라이
Web Front End/HTTP

[HTTP] XHR - 비동기 데이터 통신

Web Front End/HTTP

[HTTP] XHR - 비동기 데이터 통신

2020. 2. 14. 11:58
반응형

XHR : XMLHttpRequest

  • 객체: 전체 페이지의 새로고침없이도 URL 로부터 데이터를 받아올 수 있는 서버와 상호작용하는 객체

  • ajax 요청을 생성하는 Javascript API

    • HTTP Request 전송을 매우 쉽게 만들어 줌
    • XMLHttpRequest를 통해 만들어진 request는 2가지 방법, 동기적 혹은 비동기적 방법 중 한 방법으로 데이터를 가져 올 수 있음
  • 메서드로 브라우저와 서버 간 네트워크 요청을 전송할 수 있음

비동기 데이터 통신

  • 에디터 내에 동기신호를 포함시켜 데이터를 전송함.
  • 송신측의 송신 클록에 관계없이 수신신호 클록으로 타임 슬롯의 간격을 식별하여 한 번에 한 문자씩 송수신하는 것
  • 문자의 앞에는 시작비트 (Start Bit) , 끝에는 정지비트 (Stop Bit)를 첨가해서 보내는 방법
  • 시작비트와 정지비트 사이의 간격이 가변적이므로 불규칙적인 전송에 적합
  • 송수신 간에 동기를 맞추지 않고 문자단위로 구분하여 전송하는 방식

동기 데이터 통신

  • 한 문자 단위가 아니라 미리 정해진 수 만큼의 문자열을 한 묶음으로 만들어서 일시에 전송하는 방법.
  • 데이터와는 별도로 송신측과 수신측이 하나의 기준 클록으로 동기 신호를 맞추어 동작함.
  • 비동기 통신 방식에 비해 전송효율이 높음
  • 송수신측 타이밍을 일치시키는 방식

참고

  • MDN - XMLHttpRequest
  • [통신] 동기와 비동기 통신차이
반응형
저작자표시 (새창열림)
  • 비동기 데이터 통신
  • 동기 데이터 통신
  • 참고
'Web Front End/HTTP' 카테고리의 다른 글
  • [모두의 네트워크] 2장[준비편] 네트워크의 기본 규칙
  • [모두의 네트워크] 1장[준비편] - 네트워크 첫걸음
  • Windows 10에 VirtualBox로 Ubuntu 18.04 설치하기
  • [HTTP] DOM과 브라우저 동작방식
개발후라이
개발후라이
어제보다 오늘 발전하기 위한 공간 https://github.com/choisohyun

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.