본문 바로가기

Promise

(3)

[JavaScript] AJAX / XMLHttpRequest, axios, fecth 🔗 AJAX란? 자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버간의 XML 데이터를 주고받는 기술이다. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터만 로드할 수 있다는 장점이 있다. [JavaScript / 비동기 처리] AJAX / Callback, Promise, async, await 📌 동기(Synchronous) 프로그래밍 vs 비동기(Asynchronous) 프로그래밍 동기 프로그래밍은 코드가 반드시 작성된 순서대로 실행되는 방식이다. 비동기 프로그래밍은 코드의 처리가 완료될 때까 devjindev.tistory.com 🔗 XMLHttpRequest AJAX는 다양한 라이브러리를 가지고 있는데, 이 라이브러리들은 모두 XMLHttpReques..

[JavaScript / ES6] ES6 문법 정리 🔗 const, let 📌 var VS const, let var은 함수 스코프이다. const, let은 블록 스코프이다. 따라서 {블록} 밖에서 변수에 접근할 수 없다. 📌 const VS let let은 변수에 재할당이 가능하다. 따라서 다른 값을 대입해야 하는 상황이 생겼을 때 사용한다. const는 변수에 한 번 대입하면 다른 값을 대입할 수 없다. 보통 기본적으로 사용한다. 🔗 템플릿 문자열 1 2 3 4 5 6 7 const num1 = 1; const num2 = 2; const result = 3; const string1 = num1 + '+' + num2 + '=' + result; // 기존 방식 const string2 = `${num1}+${num2}=${result}` // E..

[JavaScript / 비동기 처리] AJAX / Callback, Promise, async, await 📌 동기(Synchronous) 프로그래밍 vs 비동기(Asynchronous) 프로그래밍 동기 프로그래밍은 코드가 반드시 작성된 순서대로 실행되는 방식이다. 비동기 프로그래밍은 코드의 처리가 완료될 때까지 기다리지 않고 다른 코드를 처리하는 방식이다. 🔗 비동기 처리 사례 > AJAX 자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버간의 XML 데이터를 주고받는 기술이다. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터만 로드할 수 있다는 장점이 있다. 🔗 비동기 처리 방법 ① > 콜백(Callback) 함수 함수 실행 결과값을 리턴이 아닌 매개변수로 넘어온 함수를 호출하여 넘겨주는 방식이다. 🔗 콜백 함수 사용하는 이유 특정 로직이 끝났을 때 원하는 동작..

이전 1 다음

티스토리툴바