ajax

Dovahkiin·2026년 5월 14일

Ajax(Asynchronous JavaScript and XML)는 페이지 전체를 새로고침하지 않고, 자바스크립트를 사용해 서버와 비동기적으로 데이터를 교환하여 웹 페이지의 일부분만 동적으로 업데이트하는 기술입니다. 웹 애플리케이션의 반응성을 높이고 더 빠른 사용자 경험을 제공하기 위해 사용됩니다.핵심 내용비동기 처리 (Asynchronous): 서버에 데이터를 요청한 후, 응답을 기다리지 않고 다음 작업을 계속 수행합니다.부분 갱신: 화면의 일부분만 변경하므로, 전체 페이지를 다시 불러오는 것보다 훨씬 빠릅니다.핵심 기술: XMLHttpRequest (XHR) 객체 또는 최근에는 fetch API를 통해 서버와 통신합니다.데이터 형식: 과거에는 XML을 주로 사용했으나, 현재는 가볍고 다루기 쉬운 JSON 형식을 더 많이 사용합니다.주요 활용 사례무한 스크롤: 페이지 하단에 도달했을 때 새로운 콘텐츠를 자동으로 가져오는 경우.검색 자동완성: 검색어 입력 시 실시간으로 추천 검색어를 보여주는 기능.댓글/추천 업데이트: 페이지 이동 없이 댓글을 작성하거나 좋아요를 누르는 경우.장점사용자 경험 향상: 페이지 새로고침이 없어 화면이 깜빡이지 않고 더 부드럽게 작동합니다.서버 부하 감소: 필요한 데이터만 받아오기 때문에 트래픽이 절약됩니다.단점히스토리 관리: 페이지 전환이 없기 때문에 브라우저의 '뒤로 가기' 기능을 직접 구현해야 할 수 있습니다.보안: 비동기 방식으로 보안에 더 신경 써야 합니다.

profile
rag_developer

0개의 댓글