# promise

[로그인] 5. 데이터 파일로 관리하기
1. json 형식으로 데이터파일 생성 2. fs로 json형식으로 파일 가져오기 3. 비동기 문제 해결 4. 회원가입 시 데이터를 파일 데이터에 저장
promise vs callback
전에도 포스팅 한적이 있듯이 비동기 처리 방식 중 하나이다.콜백지옥이라는 문제의 소지를 갖고있는 녀석이기도 하다. 또한 그 해결방법으로 async await를 사용하기도 했었다.ex)................................................
Promise
Promise 무겁고 오래걸리는 일이 있다면 우리 코드 내부에서 조금 더 비동기적으로 처리할 수 있도록 도와준다. 그래서 Promise를 이용해서 내가 언제 끝날지 모르겠는데 그냥 여기 Promise가 있어 내가 약속해줄테니까 일이 끝나면 내가 알려줄게 일이 끝나면 니

자바스크립트 완벽가이드 | 13장 비동기 자바스크립트
비동기적으로 동작한다= 데이터가 들어오거나, 어떤 이벤트가 일어날 때 까지 계산을 멈추고 대기하는 일이 잦다.웹 브라우저의 자바스크립트 프로그램은 이벤트 주도적이다.프로그램이 실제로 무엇인가 실행하기 전에 사용자가 무언가 클릭하고 탭하여 이벤트를 발생시켜야한다.자바스크

자바스크립트) promise와 async
주로 서버에서 데이터를 받아올때 사용. 왜냐면 데이터양이 많으면 오래걸리니깐콘솔에찍어보면 프로미스를 사용하는지 알 수 있다. 프로미스는 컨버팅 작업이 끝났을때 then을 호출한다.프로미스는 컨버팅을 해주는 아이 pending 상태 : 대기중일반적인 예시제이슨데이터 사용
promise all
여러 promise 결과를 집계할 때 유용하다. 서로 연관된 비동기 작업을 모두 수행해야할 때 사용입력 값으로 들어온 promise 중 하나라도 거부당하면 즉시 거부된다.
callback,promise
함수의 인자에 함수를 넣어주는데, 이 넣어주는 함수를 콜백함수라고 한다. async/await가 없던 예전에는 콜백 함수로 비동기 작업을 동기로 처리했다.
Promise all
위의 함수는 result1 이 실행되고 난 후에 result2가 실행이 되고, result2가 실행된 후에, result3이 실행된다.따라서 onClickPromise 함수의 경우 약 6초의 시간이 소요된다.Promise.all() 의 경우에는 Promise.all()
Javascript Promise
“A promise is an object that may produce a single value some time in the future”프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때

[JS] Promise
콜백지옥을 아는가? 걱정마라 Promise가 있다. Promise는 자바스크립트의 비동기를 돕는 객체이다. 쉽고 빠르고 직관적이다. 먼저, 비동기 작업이 가질 수 있는 상태에 대해 알아보자. Pending는 현재 비동기가 진행중이거나, 작업이 시작할 수 없는 문제
Promise async/await
Promise는 세가지 상태를 가진다. pending 비동기가 끝나기를 기다리는 상태 fulfiled 비동기 실행이 성공한 상태 rejected 비동기 실행이 실패한 상태 then, catch는 비동기, 동기 실행 중 어떤 것이이라도 리턴 가능 }).then(d=>

비동기 처리
https://realrain.net/post/async-await/https://www.daleseo.com/js-async-callback/자바스크립트 엔진은 싱글 스레드 single thread 로 작동 → 순차적 snychronous 실행

Day-29 SPA vs MPA, Callback, Promise
코드를 작성하고 확인했으나 위와 같은 오류가 나타났다.하지만 아래 코드처럼 a 태그를 작성하면 잘 나오는 것이 확인이 되었다.싱글페이지 어플리케이션(SPA)과 멀티페이지 어플리케이션(MPA)의 때문인데싱글페이지 어플리케이션(SPA)은 페이지를 다 그려놓고 이동할 부분으

코드캠프 FE 29일차 - TIL(카카오지도,싱글페이지어플리케이션,콜백함수,프로미스,태스크큐의 종류)
📔 학습목표지도 연동 >> Map싱글 페이지 어플리케이션? >> SPA-CSR /MPA-SSR콜백함수? >> callback/callback-Hell프로미스? >> Promise / Promise-Chain태스크큐의 종류 >> MacroTask/MicroTask구글

callback
함수의 인자로 들어가는 함수특정한 API 요청이 끝난 뒤, 그 결과 값을 가지고 다른 요청을 실행시켜야 하는 상황을 가정해보자.그럴 때 이런 식으로 callback 함수를 사용해서 요청을 실행할 수 있다.async/await나 promise 문법이 아직 존재하지 않았던

코드캠프 FE 4일차 - TIL(Asnyc - Await,Apollo-Client/mutation)
📔 학습목표 동기와 비동기방식 >> Asnyc - Await vscode에서 데이터전송 >> Apollo-Client/mutation 동기와 비동기방식 동기 : 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신. 말 그대로 동시에 일어난