XMLHttpRequest(2)
-
AJAX (Front End)
강의:[edwith 부스트코스] 웹 프로그래밍챕터 3, 웹 앱 개발: 예약서비스 1/4 학습일: 2020년 4월 11일, 12일 3. AJAX - FE AJAX 응답 처리와 비동기 AJAX와 비동기 실행 Line 4의 addEventListener가 순서대로 실행되는 것과 달리, 그 안의 익명함수는 비동기로 실행됨 → 비동기로 실행된 익명함수는 Event Queue에 보관되다가 "load" 이벤트가 발생 (서버로부터 데이터를 받음) → Call Stack을 확인한 뒤, 비어있다면 Call Stack으로 올라와 실행됨 비동기에 대한 참고자료 [YouTube] Philip Roberts: What the heck is the event loop anyway? | JSConf EU 2014 Synchronou..
2020.04.12 -
Web UI 개발 (Front End) ... Part 2
사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 24일 2. Web UI 개발 - FE AJAX 통신의 이해 AJAX(Asynchronous JavaScript and XML), 또는 XMLHTTPRequest 통신의 정의 웹에 데이터를 갱신할 때, 브라우저를 새로고침하지 않고도 서버의 데이터를 받을 수 있게 하는 기술 화면 내 다른 부분에 영향을 주지 않으면서 데이터를 비동기적으로 서버에서 가져올 수 있어, 더 좋은 UX 경험을 제공함 예시) 네이버 메인페이지의 섹션에서, 다른 섹션을 클릭하더라도 나머지는 그대로 있고 섹션 안의 내용만 바뀜 선택되지 않은 섹션의 컨텐츠까지 초기 로딩 시점에 불러온다면 초기 로딩 속도가 영향을 받으므로, 해당..
2020.04.02