# async
[ 자바스크립트 ] Async, await
async 키워드는 함수 선언시에 앞에 붙여준다.promise 밀접한 연관이 있는데 아래 코드에서 new Promise를 리턴하는 함수를 async 함수로 바꿔보자이전 Promise 챕터의 코드와 완벽하게 같은 결과를 보여준다(내부적으로 다를 순 있지만)코드 자체만 보
[ 자바스크립트 ] 비동기 Promise
본래 코드는 위에서 아래 순서로 실행된다.함수 str은 코드 가장 위에 정의되어 있지만 실행되지 않고 있다가1이 출력된 이후 호출되어 문자열을 뱉어낸다.즉 함수는 쓰고자 하는 함수를 정의만 해 놓았다가 원할때 꺼내 사용한다.다음 예제도 살펴보자a함수는 another 인
프론트엔드에서의 비동기 처리
블로킹, 논블로킹, 동기, 비동기, 자바스크립트 런타임, 콜백, 프로미스, async/await 을 하나의 서사로 묶어서 이해하며 비동기 문법이 발전하게 되는 과정을 같이 알아봅시다.
Promise 를 사용해서 file 저장 동기화
회사에서 웹 프로젝트 서버 개발을 담당하다보니 file 을 저장하는 API 를 구현해야하는 일이 빈번히 있었다.node.js express 를 통해서 REST API 방식도 사용해봤고.graphql 을 통해서 API 구현도 해보았는데 어쨋든 파일을 받아서 저장할때는 f
[Flutter] 동기와 비동기(feat.Futures, await, async)
동기: 모든 동작을 차례대로 수행하는 것으로 요청한 자리에서 결과가 주어져야 한다. 비동기: 어떤 동작이 완료 되지 않아도 다음 동작을 수행하는 것으로 요청에 따른 응답을 즉시 처리하지 않아도 대기시간 동안 다른 요청을 처리 가능한 방식이다.동기 방식은 직관적이고 간단
창 3기 - 현실적인 창업의 시작
아이디어, 사람, 의지 중 '아이디어', '사람'이 우선!프리토 타이핑, 사업검증을 바로바로 해야 한다잘 되면 어떻게 되는 건가? 하는 고민을 해야한다.사업적으로 보완이 되는 친구우리 사업의 가장 중요한 부분에 대한 능력/자산을 갖고 있음=> 단, 가장 중요한 부분
[ 소확지 🌼 ] Async VS defer 차이점
바닐라 JS로 개발을 하는 경우, HTML 파일의 head 태그 안에 script로 JS 파일을 포함하게 되는데 그냥 JS 포함async + JS 포함defer + JS 포함빠르게 말하자면 defer를 포함하는 3번째 방법이 가장 효율적이다.그 이유가 궁금하다면 아래에
async / await
비동기 처리 패턴중 가장 최근 문법 ES8 문법.일반적으로 await의 대상이 되는 비동기 처리 코드는 프로미스를 반환하는 API 호출함수다.위 예시 코드를 보면 async와 await 문법을 좀더 명확하게 이해할수있다. async await 문법을 사용하면 기존의 비
JavaScript - Async & Await (비동기처리)
참고 https://tecoble.techcourse.co.kr/post/2020-09-01-loop-async/
JavaScript - Callback, Promise (비동기처리)
Callback 자바스크립트에서 어떠한 일을 비동기적으로 실행할 때, Callback 함수를 사용한다. Callback 함수는 함수를 바로 전달받아서 실행하는 함수가 아니라 특정 조건 혹은 이벤트가 발생했을 때 실행해주는 함수이다. 즉, 어떠한 일을 원하는 때에 처리하
async 와 defer의 차이점
script async defer1\. head+asyncasync 는 boolean 타입의 속성값. 선언하는 것만으로도 true.브라우저가 html 을 파싱 하다가 병렬로 js를 다운로드 받자~! 라고 명령만 해놓고 다시 파싱. js가 다운로드 완료되면 파싱을 멈추고
[JS] promise, 비동기프로그래밍 진짜 이해함 ? 쉽다쉬워 : 열받네
와 진짜 promise 이제야 깨달았다. 성공과 실패 그 과정 속에서