2024/12/23 검색 결과

해당 글 3건

JS 이벤트 처리 - 8(AJAX 와 Fetch API)

💡 학습 목표AJAX에 대해 알아 보자Fetch API란?Fetch API 사용해보기1. AJAX에 대해 알아 보자 💡 AJAX (Asynchronous JavaScript and XML)AJAX는 웹 페이지에서 서버와 비동기적으로 데이터를 주고받기 위한 기술입니다전통적인 방식의 문제점:웹 페이지에서 데이터를 서버로 전송하면 새로운 페이지를 로드해야 했음.이로 인해 화면이 깜빡이거나, 데이터 양이 많을 경우 웹 사이트가 느려지는 문제가 발생함.AJAX의 장점:웹 페이지의 특정 부분만을 동적으로 업데이트하여 전체 페이지 리로드 없이 데이터를 갱신.사용자 경험이 향상되며, 서버 부하 감소로 웹 애플리케이션의 성능 개선 가능.기술적 세부 사항:원래 XMLHttpRequest 객체를 이용하여 서버와 비동기 ..
JavaScript 2024. 12. 23. 14:37

JS 이벤트 처리 - 7(Promise)

💡 학습 목표Promise 타입에 대해 알아 보자.Promise 타입 선언과 활용 1. Promise 타입에 대해 알아 보자.자바스크립트 Promise는 비동기 작업을 처리하기 위한 객체입니다. Promise는 어떤 작업의 결과를 반환하는 객체로서, 이를 통해 비동기적으로 실행되는 작업을 처리하고 그 결과를 콜백 함수 등을 이용해 처리할 수 있습니다.Promise는 총 3가지 상태를 갖습니다.대기(pending): Promise 객체가 생성되었으나 아직 처리가 진행되지 않은 상태입니다.이행(fulfilled): Promise 객체가 처리를 완료하여 결과를 반환한 상태입니다.거부(rejected): Promise 객체가 처리를 실패하였거나 오류가 발생한 상태입니다.  💡 잠깐! 웹 브라우저 안에 자바스..
JavaScript 2024. 12. 23. 14:36