# promise
비동기 처리 - Promise
promise란 비동기 작업을 표현하는 자바스크립트 객체로, 비동기 작업의 대기(pending), 이행(fulfilled), 성공(fulfilled/resolved), 실패(rejected) 상태를 표현한다.콜백 함수와 역할은 같지만 가독성이 더 좋다는 특징이 있다.p

[Javascript/React] Promise의 값 가져오기
TMDB Api를 이용한 React 토이 프로젝트를 진행하다가 문제가 생겼다.컴포넌트화를 시켜서 생긴 문제인데, Api를 호출하는 부분에서 문제가 생겼다.옛날 같았으면 App.js에 Api 호출 코드를 전부다 때려박았지만, 컴포넌트화를 해야해서 Api를 다루는 파일을
[TS] TypeScript exercises 10
해당 문제는 generic을 활용하여 promise 반환 타입을 정의하고, 기존에 사용하는 API 호출 시 generic 선언 까지 수정해주어야 통과되는 문제이다.
[Typescript] 아직도 Try - Catch 를 쓰시나요?
Throw() 는 잊어라. async/await + try/cacth 없이 깔끔한 코드로 비동기 API 처리하기.
Callback / Promise
오늘은 230306_TIL에서 언급했던 callback과 promise에 대해 자세히 알아보겠습니다.JavaScript는 싱글 스레드이기 때문에 한번에 하나의 동작만 수행이 가능합니다.이를 동기적 실행방식이라고 합니다.여기서 동기란 하나의 작업이 종료될 때까지 다음 동
오프라인 코드캠프 6일차
👨🏻💻 오늘의 알고리즘 공부 reduce((acc,cur)=>{~},초기값) : 배열에만 사용가능한 반복연산 실행 : 기본적으로 매개변수를 2개까지 받음 : 첫번째 매개변수에는 함수를 반드시 넘겨주어야 하는 제약이 존재 : 두번째 매개변수는 초기값을 의미하는데
Async and Promise 과제
part-1 callback 코드 해석하기 setTimeout은 비동기 함수이다. 만료된 후 함수나 지정한 코드를 실행하는 '타이머'를 설정한다. 매개변수 wait -> 시간(타이머) callback -> 실행할 함수 callback 이라고 네이밍을 한 이유는,

비동기(asynchronous)
비동기란?? 우선 비동기의 반대인 동기(synchronous)가 무엇인지 알아보자. 동기적인 것은 선행작업이 끝나는 시점과 새로운 작업이 시작하는 시점이 같은 것을 말한다. 즉, 새로운 작업은 선행작업이 끝나기 전에는 시작될 수 없다는 말이고 이런 현상을 블로킹(blo

TIL 0316
🏷️ [목차] 동기 실행과 비동기 실행 VSCODE에서 비동기 REST-API에서 동기/비동기 실행 호이스팅(Hoisting) apollo-client 셋팅하기 _app.js의 작동 원리 apollo-client 로 graphql 뮤테이션
[javascript] promise,async,await,fetch
선언 const promise = new Promise((resolve, reject) => {resolve(성공할때 호출할 값)}프라미스 사용 promise.then(resolve 값=>{ ~ }).then(~의 결과값=>{})...프라미스의 then이 반환하는 것은

(SEB_FE) Section2 Unit3 [JS/Node] 비동기
어떤 경우에 중첩된 콜백(callback)이 발생하는지 이해할 수 있다.중첩된 콜백(callback)의 단점, Promise의 장점을 이해할 수 있다.async/await 키워드에 대해 이해하고, 작동 원리를 이해할 수 있다.카페에 가서 주문을 하는데, 앞 사람이 주문
[DAY24] S2 U3 - 비동기
단어로 보면 동기는 '동시에 일어나는', 비동기는 '동시에 일어나지 않는' 이라는 의미를 가진다. 하지만, 그림에서 보는 것과는 반대로 느껴진다. 동기와 비동기의 동시라는 것은 동시성의 발생을 어디로 보느냐의 차이다.동기는 요청의 결과가 그 자리에서 동시에 일어나야 하

TIL/JS 2023/3/17 📚
오늘은 비동기와 콜백 그리고 promise 객체와 async await에 대해 학습을 진행했다!자바스크립트의 작동원리에 대해 배우면서 비동기와 조금 더 친해진 느낌이 있었지만,, 아직은 어사(어색한사이) 이다 ㅋㅋ또 최근 다시 Todolist를 만들어보면서 addeve
async await map promise all from axios
axios 에서 가져오는 데이터axios를 반복으로 2번이상 돌려야 함axios/async를 써야 함기본문cargo4u에 적용함