Ajax 개요+한계+프레임워크

프론트엔트/Ajax

윤채니챈 2023. 10. 22. 15:14

728x90

- Ajax (Asynchronous JavaScript and XML)약자로, 웹페이즤 일부분만 개싱하기 위해 사용하는기술

- Ajax를 사용하면, 전체페이지를 다시 로드하지 않고도 서버와 비동기적으로 데이터를 교환하고 웹페이지 일부분을 업데이트 할 수 있다.

1. 서버 푸시 방식의 실시간 서비스 제한

: Ajax는 기본적으로 클라이언트가 서버에 데이터를 요청하는 클라이언트 풀링방식을 사용

*클라이언트 풀링 방식 : 클라이언트가 주도적으로 서버에 정보를 요청하고, 서버는 그 요청에 응답하는 방식

: 반면, 서버푸시 방식은 서버가 클라이언트에게 데이터를 주도적으로 보내는 방식이다. 실시간 서비스나 채팅 애플리케이션과 같은 경우에는 서버 푸시 방식이 더 적합하다.

: 이러한 서버 푸시방식을 구현하기 위해서는 WebSockets과 같은 다른 기술을 활용해야한다.

2. 바이너리 데이터의 제한

: Ajax는 텍스트 기반 데이터 교환 형식인 Json,XML등을 주로 사용한다.

: 따라서, 이미지, 동영상, 오디와 같은 데이터는 직접 전송하는 것은 제한적이다.

3. 동일출처(Same-Origin Policy)제한

: 보안상의 이유로 , 웹 브라우저는 스크립트 내에서 다른 도메인 리소스에 직접 접근하는 것을 제한합니다. 이를 동일 출처 정책이라고한다.

: 따라서, Ajax 스크립트가 포함된 서버와 다른 서버로의 직접적인 Ajax요청은 허용되지 않는다.

4. 클라이언트 PC로의 요청 제한

: Ajax는 웹 브라라우저와 웹 서버간의 통신을 위한 기술이다.

: 따라서 클라이언트의 PC나 로컬 파일 시스템에 직접적인 요청을 보내는 것은 보안상의 이유로 제한한다.

- Ajax 프레임워크는 웹 개발자들이 Ajax기반의 웹 어플리케이션을 더 쉽고 효율적으로 개발할 수 있도록 도와주는 라이버리나 툴셋이다.

1. Prototype : 웹개발을 위한 다양한 유틸리티 함수제공

2.Scrip.aculo.us : Protoype 프레임워크 위에 구축된 UI라이브러리

3.dojo : JavaScrip 툴킷으로, 모듈러 디자인과 다양한 위젯 제공

4 . JQuery : JQuery는 가장 널리 사용되는 JavaScript 라이브러리 중 하나

*프레임워크란?

프레임워크는 특정 문제를 해결하거나 서비스를 개발하기 위한 기본 구조나 틀을 제공하는 소프트웨어 환경을 의미한다. 프레임워크는 개발자가 특정 기능을 더 쉽고 빠르게 구현할 수 있도록 필요한 라이브러리, 컴포넌트, 모듈, API 등을 포함하고 있다.

728x90