FRONTEND/JavaScript

도대체 HTTP, AJAX, XHR, XML 그리고 JSON은 무엇인가?

MarkLEE 2021. 6. 6. 13:15

Q. http 란 무엇인가? 

A. Hyper Text Transfer Protocol의 약자.   

   · client와 server간에 데이터를 request, resoponse하는 protocol 
    즉, 서버와 클라이언트가 어떻게 데이터를 주고 받을지 정한 규칙

 

 

Q. AJAX 란 무엇인가? 

A.  · Asynchronous JavaScript And XML 의 약자.

      · 자바스크립트의 라이버러리 중의 하나로,
        웹페이지에서 동적으로 서버와 클라이언트가 데이터를 주고
        받을 수 있는 기술
      · 대표적인 브라우저 API로는 XMLHttpRequest, fetch 가 존재

 

 

 

 

Q.  XML 이란 무엇인가? 

A.  eXtensible Markup Language의 약자.
      HTML과 마찬가지로 Markup Language의 일종. 
      · 가독성이 많이 떨어지고, 불필요한 tag가 너무 많다. 
      · 따라서, 요즘은 JSON을 많이 사용하고 있는 추세이다. 

 

 

Q.  XHR 이란 무엇인가? 

A.   XMLHttpRequest의 약자.
    
      · Object이며, 주로 browser에서 지원된다. 

 

Q.  JSON 이란 무엇인가? 

A.   JavaScript Object Notation의 약자.
    
      · Object이며, 주로 browser에서 지원된다. 
      · 자바스크립트 객체 표기법인 {key - value} pair 형식으로 구성
      · independent programming language and platform 
        => 즉, 프로그래밍 언어나, 플랫폼 상관 없이 사용 가능!
      · 가독성이 매우 좋음. 
      · object => JSON(string) : serialized해서 변환 
          =>  ex)JSON.stringify([`apple`, `banana`])

      · JSON(string) => object : deserialized해서 변환 
          =>  ex)JSON.parse(json)