# async await

6개의 포스트

자바스크립트 동작 원리(이벤트루프, 싱글스레드, 비동기, async await) - FE study16

1. 사전개념 웹서버에 접속만해서는 데이터를 가져올 수 없고 코드가 계속 실행이 되어야한다. 이 때, 코드들의 집합을 프로그램이라 부르고 프로그램은 메모리에 올려져 프로세스가 된다.(현재 작업중인 상태) 그리고 프로세스는 포트를 통해 접속이 가능하다. 프로세스 내에서는 스레드라는 흐름단위를 통해 코드를 읽는다. 2. 자바스크립트가 쓰이는 곳 1...

2020년 2월 3일
·
0개의 댓글
post-thumbnail

[Javascript] 비동기 처리 - Async/Await

es2017에서는 promise 사용을 더 쉽게 하기 위해 async/await 문법을 도입했다. async/await을 사용하면 비동기 작업을 더 직관적으로 처리 할 수 있다. 사용 방법 먼저 async 로 비동기 함수를 정의하면 그 함수는 await 구문을 사용할 수 있다. 의미 그대로 await 사용하면 promise가 resolve 될때 까지 기...

2020년 1월 31일
·
0개의 댓글
post-thumbnail

자바스크립트 비동기 처리 방식

blocking, non-blocking, callback hell, Promise, async await.. 등 비동기와 관련해 머릿 속에 파편적으로 흩어진 것들을 조금씩 모아두려 작성한다. 잘못된 사항들이 있다면 지적바라며.. 사용된 예시 MDN 예제에서 조금씩 덧붙였습니다. 동기 vs 비동기 동기와 비동기를 나누는 가장 큰 차이점을 어떻게 실행 ...

2020년 1월 21일
·
7개의 댓글

자바스크립트의 비동기 방식(콜백, promise, async await) -FE study3

1. 동기, 비동기 개념 동기(synchronous) 방식 : 코드의 연산이 하나의 프로세스로 동시에 진행됨. 즉, 코드 연산 한줄 한줄이 프로세스 과정 중 하나이며, 순차적으로 코드가 읽히므로, 다음 작업을 위해서는 그 전 작업이 완료되야함. 장점 : 연산이 직관적이고 간단함. 비동기(asynchronous) 방식 : 코드의 연산이 동시에 진행되는...

2020년 1월 10일
·
0개의 댓글
post-thumbnail

2019/11/19 TIL

자바스크립트를 이용해서 페이지 비우기 document.write(''); 문서전체 태그를 날림으로써 빈페이지로 만들 수 있다. 자바스크립트를 이용해서 새 창, 혹은 새 탭 열기 `window.open(url, name, specs, replace)' - url: URL 주소를 특정한다. URL이 특정되지 않으면 빈 창이 열린다. - nam...

2019년 11월 19일
·
0개의 댓글

[TIL] Callback vs Promise vs async&await

👉 CallBack 비동기 처리 방식 중 하나이다. > 문제점 : Callback hell 비동기 처리 로직을 위해 콜백 함수를 연속해서 사용할 때 발생하는 문제이다. 콜백안에 콜백을 계속 무는 형식으로 이러한 코드 구조는 가독성이 떨어지고 로직을 변경하기 어렵다. > > 해결방법 : Promise나 Async를 사용하는 방법 Callback exam...

2019년 10월 12일
·
0개의 댓글