LEVEL 43 QUEST
AJAX 기초
페이지 새로고침 없이 서버와 통신하는 AJAX를 알아봅니다.
AJAX가 뭔가요?
Asynchronous JavaScript And XML
AJAX는 페이지 새로고침 없이 서버와 데이터를 주고받는 기술입니다.
예전에는 서버에 요청하면 전체 페이지가 다시 로드되었어요.
AJAX 덕분에 필요한 부분만 업데이트할 수 있게 되었습니다!
예전에는 서버에 요청하면 전체 페이지가 다시 로드되었어요.
AJAX 덕분에 필요한 부분만 업데이트할 수 있게 되었습니다!
어디서 쓰이나요?
- 인스타그램 무한 스크롤
- 실시간 검색어 자동완성
- 좋아요 버튼 클릭
- 이 레슨의 난이도 저장도 AJAX!
- 실시간 검색어 자동완성
- 좋아요 버튼 클릭
- 이 레슨의 난이도 저장도 AJAX!
AJAX 동작 원리
1
이벤트 발생 - 버튼 클릭, 스크롤 등
2
요청 생성 - JavaScript가 HTTP 요청 생성
3
서버 처리 - 서버가 요청을 받아 처리
4
응답 수신 - JSON 등의 데이터 받음
5
화면 갱신 - DOM을 업데이트
🔒
여기까지는 미리보기입니다
AJAX 기초
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.
Google로 3초 만에 시작 →🧵 Threads로 시작무료 공개 강의 둘러보기 (Lv.1~3)무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.