Front2 [JS] Promise 객체와 async/await 오늘은 Promise 객체와 async/await에 대해서 알아본 것을 정리해 보려고 합니다. 1. Promise란?**Promise(프로미스)**는 비동기 작업의 완료 또는 실패를 나타내는 객체입니다. 비동기 작업이 완료될 때까지 기다릴 필요 없이, 나중에 결과를 받아올 수 있습니다.Promise의 3가지 상태Pending (대기 중): 아직 결과가 없는 상태Fulfilled (이행됨): 비동기 작업이 성공적으로 완료된 상태Rejected (거부됨): 비동기 작업이 실패한 상태 const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve("데이터 로드 성공!"); }, 2000);});promise.then(res.. 2025. 3. 10. [JS] 프론트에서 서버로 데이터를 전달하는 방법 오늘은 프론트측에서 서버측으로 데이터를 전달하는 방법에 대해서 알아본것을 정리해보려고 합니다. 비동기 통신 개요웹 애플리케이션에서 클라이언트(브라우저)가 서버로 데이터를 요청하는 방식에는 동기(Synchronous)와 비동기(Asynchronous)가 있습니다. 기본적으로 웹 페이지는 동기 방식으로 동작하지만, 서버로부터 데이터를 받아오는 동안 페이지가 멈추는 문제를 해결하기 위해 비동기 방식이 사용됩니다.비동기 방식은 다음과 같은 사례에서 활용됩니다검색 자동완성 기능무한 스크롤댓글 작성 후 즉시 반영실시간 알림 시스템주요 비동기 통신 방식1. AJAX (Asynchronous JavaScript and XML)AJAX는 비동기 통신을 가능하게 하는 대표적인 기술로, 원래 XML을 기반으로 데이터를 주고.. 2025. 3. 9. 이전 1 다음