XMLHttpRequest : 클라이언트 요청

Edit

정의

• 서버 클라이언트 간 객체 포맷으로 데이터를 전송할 수 있도록 지원하는 Web API

역할

• 페이지 전체를 새로 받지 않고 원하는 일부 데이터만 변경하고 싶을 때 사용한다.

  • 원하는 데이터를 특정 URL(서버)로 요청한다.

  • 요청한 데이터를 응답 값으로 받아 화면에 표현하는데 사용할 수 있다.

사용 프로토콜

MDN 문서는 HTTP 외 FILE, FTP 등을 이용하여 데이터 전송이 가능하다고 나와있다.

XMLHttpRequest

• nslXMLHttpRequest 인터페이스가 Gecko layout engine 추가되었다.

  • Gecko layout engine

    • 모질라(넷스케이프 커뮤니케이션즈)에서 개발했다.

    • 콘텐츠 표시, 서버 클라이언트 간 상호작용에서의 다양한 역할을 지원하여 웹 브라우저 구성을 위해 사용하는 오픈소스 프레임워크다.

    • C++, Javascript 언어로 개발되었다.

    • HTML, JS, CSS, XUL 같은 웹 컨텐츠를 렌더링하여 사용자 화면에 표현한다.

• nslXMLHttpRequest 인터페이스는 MS 사의 IXMLHttpRequest 인터페이스를 사용할 수 있도록 모델링 되었다.

  • IXMLHttpRequest

    • 서버와 클라이언트 간 HTTP 통신에서 클라이언트 측 프로토콜 지원을 제공한다.

• 모질라 프로젝트는 XMLHttpRequest 불리는 Javascript 객체를 사용하여 IXMLHttpRequest 인터페이스를 사용하는 래퍼를 만들었다.

• Library 파일 확장자는 타입스크립트(.ts)로 되어있다.

%23%20XMLHttpRequest%20%3A%20%uD074%uB77C%uC774%uC5B8%uD2B8%20%uC694%uCCAD%20%23%0A%0A@%28%21%5B%uBE14%uB85C%uADF8%5D%29%5B%uD2F0%uC2A4%uD1A0%uB9AC%5D%0A%0A%0A%23%23%23%20%uC815%uC758%20%23%23%23%0A-%20%uC11C%uBC84%20%uD074%uB77C%uC774%uC5B8%uD2B8%20%uAC04%20%uAC1D%uCCB4%20%uD3EC%uB9F7%uC73C%uB85C%20%uB370%uC774%uD130%uB97C%20%uC804%uC1A1%uD560%20%uC218%20%uC788%uB3C4%uB85D%20%uC9C0%uC6D0%uD558%uB294%20Web%20API%0A%0A%23%23%23%20%uC5ED%uD560%20%23%23%23%0A-%20%uD398%uC774%uC9C0%20%uC804%uCCB4%uB97C%20%uC0C8%uB85C%20%uBC1B%uC9C0%20%uC54A%uACE0%20%uC6D0%uD558%uB294%20%uC77C%uBD80%20%uB370%uC774%uD130%uB9CC%20%uBCC0%uACBD%uD558%uACE0%20%uC2F6%uC744%20%uB54C%20%uC0AC%uC6A9%uD55C%uB2E4.%0A%09-%09%uC6D0%uD558%uB294%20%uB370%uC774%uD130%uB97C%20%uD2B9%uC815%20URL%28%uC11C%uBC84%29%uB85C%20%uC694%uCCAD%uD55C%uB2E4.%0A%09-%09%uC694%uCCAD%uD55C%20%uB370%uC774%uD130%uB97C%20%uC751%uB2F5%20%uAC12%uC73C%uB85C%20%uBC1B%uC544%20%uD654%uBA74%uC5D0%20%uD45C%uD604%uD558%uB294%uB370%20%uC0AC%uC6A9%uD560%20%uC218%20%uC788%uB2E4.%0A%0A%23%23%23%20%uC0AC%uC6A9%20%uD504%uB85C%uD1A0%uCF5C%20%23%23%23%0A%5BMDN%20%uBB38%uC11C%5D%28https%3A//developer.mozilla.org/ko/docs/XMLHttpRequest%29%uB294%20HTTP%20%uC678%20FILE%2C%20FTP%20%uB4F1%uC744%20%uC774%uC6A9%uD558%uC5EC%20%uB370%uC774%uD130%20%uC804%uC1A1%uC774%20%uAC00%uB2A5%uD558%uB2E4%uACE0%20%uB098%uC640%uC788%uB2E4.%0A%0A%23%23%23%20XMLHttpRequest%20%23%23%23%0A-%20nslXMLHttpRequest%20%uC778%uD130%uD398%uC774%uC2A4%uAC00%20Gecko%20layout%20engine%20%uCD94%uAC00%uB418%uC5C8%uB2E4.%0A%3E%20-%20Gecko%20layout%20engine%0A%3E%20%20-%20%uBAA8%uC9C8%uB77C%28%uB137%uC2A4%uCF00%uC774%uD504%20%uCEE4%uBBA4%uB2C8%uCF00%uC774%uC158%uC988%29%uC5D0%uC11C%20%uAC1C%uBC1C%uD588%uB2E4.%0A%3E%09-%20%uCF58%uD150%uCE20%20%uD45C%uC2DC%2C%20%uC11C%uBC84%20%uD074%uB77C%uC774%uC5B8%uD2B8%20%uAC04%20%uC0C1%uD638%uC791%uC6A9%uC5D0%uC11C%uC758%20%uB2E4%uC591%uD55C%20%uC5ED%uD560%uC744%20%uC9C0%uC6D0%uD558%uC5EC%20%uC6F9%20%uBE0C%uB77C%uC6B0%uC800%20%uAD6C%uC131%uC744%20%uC704%uD574%20%uC0AC%uC6A9%uD558%uB294%20%uC624%uD508%uC18C%uC2A4%20%uD504%uB808%uC784%uC6CC%uD06C%uB2E4.%0A%3E%09-%20C++%2C%20Javascript%20%uC5B8%uC5B4%uB85C%20%uAC1C%uBC1C%uB418%uC5C8%uB2E4.%0A%3E%09-%20HTML%2C%20JS%2C%20CSS%2C%20XUL%20%uAC19%uC740%20%uC6F9%20%uCEE8%uD150%uCE20%uB97C%20%uB80C%uB354%uB9C1%uD558%uC5EC%20%uC0AC%uC6A9%uC790%20%uD654%uBA74%uC5D0%20%uD45C%uD604%uD55C%uB2E4.%0A%0A%0A-%20nslXMLHttpRequest%20%uC778%uD130%uD398%uC774%uC2A4%uB294%20MS%20%uC0AC%uC758%20IXMLHttpRequest%20%uC778%uD130%uD398%uC774%uC2A4%uB97C%20%uC0AC%uC6A9%uD560%20%uC218%20%uC788%uB3C4%uB85D%20%uBAA8%uB378%uB9C1%20%uB418%uC5C8%uB2E4.%0A%3E%20-%20IXMLHttpRequest%0A%3E%20%20-%20%uC11C%uBC84%uC640%20%uD074%uB77C%uC774%uC5B8%uD2B8%20%uAC04%20HTTP%20%uD1B5%uC2E0%uC5D0%uC11C%20%uD074%uB77C%uC774%uC5B8%uD2B8%20%uCE21%20%uD504%uB85C%uD1A0%uCF5C%20%uC9C0%uC6D0%uC744%20%uC81C%uACF5%uD55C%uB2E4.%0A-%20%uBAA8%uC9C8%uB77C%20%uD504%uB85C%uC81D%uD2B8%uB294%20XMLHttpRequest%20%uBD88%uB9AC%uB294%20Javascript%20%uAC1D%uCCB4%uB97C%20%uC0AC%uC6A9%uD558%uC5EC%20**IXMLHttpRequest%20%uC778%uD130%uD398%uC774%uC2A4%uB97C%20%uC0AC%uC6A9%uD558%uB294%20%uB798%uD37C**%uB97C%20%uB9CC%uB4E4%uC5C8%uB2E4.%0A-%20Library%20%uD30C%uC77C%20%uD655%uC7A5%uC790%uB294%20%uD0C0%uC785%uC2A4%uD06C%uB9BD%uD2B8%28.ts%29%uB85C%20%uB418%uC5B4%uC788%uB2E4.%0A%0A