# async await
2023년 02월 3주차 Week I Learned.
자바스크립트 전체적인 개념과, 프로미스 함수와 친해지는 연습을 한다. map, filter, reduce와 같은 내장함수와 친해지는 연습을 하고, 코딩테스트 준비를 했다.
[TROUBLESHOOTING] Runtimewarning: coroutine was never awaited
코루틴이 기다리지 않습니다.당황스럽게도 메서드가 실행되지 않았다.상황은 이렇다.과거의 나와 당신은 분명이런 함수를 만들어놓고이지랄해놓았을거다과거의 나와 당신은 분명 '아늬 함수를 호출했는데 왜? 뭘 안 기다린다는겨' 라고 했을 거지만,코루틴 함수는 호출하면 함수를 실행
JavaScript 정리
자바스크립트 선언과 실행 this 기본적으로 this는 window. (브라우저 런타임) 'use strict' 모드는 this가 undefined -> ES2015 노드 모듈에서는 자동 적용 node module 환경에서는 전역 this가 module.export
async / await
async / await 알기 전 동기 비동기를 간단하게 알아보자동기 : API 요청후 받을때 까지 기다린다비동기 : API 요청후 기다리지 않고 다음 작업을 진행한다만약 통신이 오래 걸리는 API가 있다고 가정해 보자동기적으로 처리하면 해당 API가 끝날때 까지 다음
async / await
동기 / 비동기 통신 rest-API 또는 graphql-API 를 사용해서 해야할 일은 요청에 대한 응답으로 받은 객체(JSON)를 변수에 담아서 사용하는 것입니다. 여기서! 응답 결과를 변수에 담아서 사용하려면! 통신이 완료될 때까지 기다려야 합니다! asyn
[JS] Callback 함수 => Promise => async-await
Callback 함수를 실행할 때 함수에 인자를 넣어준다. 함수의 인자에는 함수도 넘길 수 있는데, 그 함수를 Callback 함수라고 한다. promise와 async-await가 나오기 전까지는 콜백함수를 썼다! 콜백지옥! Promise async-await
[Javascript] async & await
async와 await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다.기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와 준다.마치 책이라도 읽듯이 위에서 부터 아래로 차근 차근 읽으면서
Future를 철저히 파헤쳐 보자
위의 코드의 getNumber()는 Future라서 int로 받을 수는 없다고 에러가 뜬다. 아무리 함수 안에 숫자가 들어있다고 해도 서로 타입이 다르면 안되기 때문이다. 제대로 고친다면 다음과 같다. Future타입인 getNumber()가 1을 반환할 때까지 기다리
"Do not use BuildContexts across async gaps" 에러를 만났다!
TimePicker를 사용하기 위해 위와 같은 코드를 작성했다. 그런데 async-await를 붙인 순간 "Do not use BuildContexts across async gaps" 에러 메시지가 표시됐다. StackOverFlow를 찾아보니 "if (!mounte
[TIL] 22.11.03 - 동기/비동기, Async-Await, Apollo-Client로 gql mutation, URI/URN/URL
오늘 배운 것 동기 / 비동기 1) 비동기 실행 서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신으로 서버에 요청(등록, 수정, 삭제 등)이 저장될 때까지 기다리지 않고 다른 작업을 진행한다. 요청들이 서로 기다릴 필요 없을때, 여러가지 요청을 동시에 처
Frontend study 일지 #2 - 비동기 작업(event-loop) 편
앞서 목표였던 전역 상태 에러는 해결했지만 이후 같은 에러를 또 만들지 않기 위해서, javascript의 Promise, async-await같은 비동기 작업의 작동 순서와 이벤트 루프, 마찬가지로 비동기적으로 동작하는 react hooks에서 useState의 se
[노마드클론] React4-무비시작
https://www.youtube.com/watch?v=JB_yU6Oe2eE Promise는 비동기 실행을 위한 JS 객체이다. state는 우리가 지정한 오퍼레이션이 실행중일 때는 pending state(보류) 오퍼레이션이 성공적으로 끝나면 fulfilled st
js 정리
1. 배열 내장 함수 > * forEach() forEach() : forEach 내장함수에 파라미터로 전달하는 콜백 함수를 해당 배열내에 존재하는 하나하나의 요소들에 대해 실행한다고 보면 된다. 사용 예제(화살표 함수): 사용 예제(화살표 함수): > *
Async / Await
Promise를 대체할 수 있다. async / await 키워드를 통해 쉽게 promise객체를 생성하고 then, catch를 대신해서 사용할 수 있다.async를 function앞에 붙이면 함수가 promise역할을 하게된다.then 대신에 사용할 수 있는 Awa
기술 면접 질문(3)
let, const의 추가: 기존에는 var를 통해서 선언하고 할당했지만, ES6부터는 let, const를 지원합니다. let 재선언이 불가하고, 재할당이 가능합니다, const는 재선언, 재할당이 불가능합니다. 두 선언 키워드를 통해 좀 더 예측 가능한 코드를 작
Node.js에서의 Error Handling 적용
그림1 throw를 이용한 에러 흐름도에러를 던지는 방법으로 throw 가 있다. 이는 개발자가 작성하는 모듈에서 발생가능한 에러 상황에서 던지게 되며 상위 계층이나 호출하는 곳에서 모듈의 에러를 감지할 수 있다. 아래는 에러를 던지는 기본적인 예시다.위 예시 코드에서
call back , promise , async await
callback, promise, async/await는 (싱글스레드로 이루어져) 단일 호출 스택을 가진 자바스크립트에서 비동기를 처리할 수 있게 하는 방법들입니다.자바스크립트에서 콜백 함수는 다른 함수의 매개변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후 매개변수
Future와 async-await는 단짝친구
수업시간 연습문제를 해결하며 알게된 것들1\. 조건을 걸려면 bool값인 true/false를 주는 변수를 설정해야 한다.2\. 로딩할 때 동그라미가 돌아가는 명령어는 CircularProgressIndicator()다. 3\. 랜덤으로 숫자를 생성해주는 코드는 Ran