유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

프론트엔드 06 SPA란

뉴렉처

2025. 7. 14.

0

#frontend
  • SPA(Single Page Application)는 클라이언트의 강력한 기능과 서버에 데이터를 요청할 수 있는 도구의 등장으로 발전했습니다. 🚀
  • XML HTTP Request(XHR)는 원래 윈도우용 ActiveX 라이브러리였으나, 브라우저에서 사용되면서 서버에 데이터를 요청하고 응답받는 핵심 기술이 되었습니다. 🌐
  • XHR을 통해 클라이언트는 서버에 데이터 삭제와 같은 변경 사항을 알리거나, 필요한 데이터를 요청하여 문서(DOM)를 동적으로 추가 및 변경할 수 있게 되었습니다. 🔄
  • 이러한 변화로 서버는 더 이상 전체 문서를 생성할 필요 없이, 데이터만 제공하는 역할로 전환되었고, 클라이언트(브라우저)가 문서를 직접 구성하게 되었습니다. 🏗️
  • 자바스크립트를 이용해 서버에 데이터만 요청하는 기술들을 총칭하여 AJAX(Asynchronous JavaScript and XML)라고 부르게 되었으며, 이는 SPA의 핵심 기반이 됩니다. 💡
  • 결과적으로, SPA는 첫 페이지만 서버로부터 받고 이후 모든 상호작용은 자바스크립트가 데이터를 기반으로 동적으로 처리하는 "단일 페이지" 애플리케이션 형태를 의미합니다. 📄

Recommanded Videos