PROMISE (2) 썸네일형 리스트형 [JS]비동기 프로그래밍 결론 : 동기 프로그래밍은 동시에 발생하는 것이 아니다. 목표 : JS에서 비동기 프로그래밍의 이해 비동기 프로그래밍에 대해서 학습해보도록 하겠습니다. 목차 비+동기란? 1-1 동기 1-2 비동기 1-3 동기, 비동기 예시 1-4 비동기의 방법과 단점(1) callback 1-5 비동기의 방법 (2) promise 1-6 비동기의 방법 (3) async / await 비동기 방식을 이용한 통신방법 2-1 Ajax 2-2 XMLHttpRquest 2-3 fetch 2-4 axios 비동기란? 비동기란, 非(아닐 비) 자를 사용하여, "동기가 아니다"라는 뜻입니다. 비동기를 알기위해선, 동기가 무엇인지 알아야 합니다. 동기가 아닌 것이 비동기 이니까요. 동기 그렇다면 동기(Synchronous)란? 同氣(같.. 프로미스 프로미스는 자바스크립트에서 비동기 처리를 위한 패턴입니다. 최초 자바스크립트는 비동기 처리를 위해 콜백 패턴을 이용하였습니다. 문제점으로 가독성이 나쁘고, 비동기 처리 중 에러 처리가 어려우며 여러 개의 비동기 처리가 어려웠습니다. 콜백 헬이라는 문제도 발생하였지만, 가장 큰 문제점은 에러 처리의 한계가 있다는 점으로 느껴집니다. ES6에서 비동기 처리를 위한 프로미스 패턴이 도입되었습니다. // 프로미스 생성 const promise = new Promise((resolve, reject) => { // Promise 함수의 콜백 함수 내부에서 비동기 처리를 수행한다. if (/* 비동기 처리 성공 */) { resolve('result'); } else { /* 비동기 처리 실패 */ reject('.. 이전 1 다음
