# async await

13개의 포스트
post-thumbnail

2020-05-23 TIL

비동기처리방식 공부해야지 생각만하다가.. 오늘 공부합니다! 비동기 처리 비동기 처리란 특정 코드의 연산이 끝날 때까지 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미합니다. 사용 이유 위의 코드는 add()의 결과 값을 print()로 전달해 출력하는 일

2020년 5월 23일
·
0개의 댓글
post-thumbnail

async await

async await는 비동기 프로그래밍을 동기 프로그래밍처럼 작성할 수 있도록 함수에 추가된 기능이다. ES2017에서 자바스크립트 표준이 되었으며, async await를 이용해서 코드를 작성하면 가독성이 좋아진다.

2020년 4월 18일
·
0개의 댓글
post-thumbnail

[ES6] Promise함수(1)

안녕하세요! 이번포스팅에서는 Promise에 대해 알아보겠습니다. 시작하기에 앞서 비동기에대해 먼저 설명하겠습니니다. Asynchronous(비동기) Synchronous(동기) 동기식은 순서가 정해져있고 하나가 완료되면 다음순서가 진행되는 식입니

2020년 4월 9일
·
0개의 댓글

javascript async & await, 예외처리방법

async & await promise객체를 단순하게 사용 할 수 있는 방법으로 ES2017에 정식 채택되었다. 함수선언부에 async 를 함께 작성한다. syntax 예외처리 try {...} catch {...}

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

JS 비동기는 어떻게 구현되어있는가??

JS의 비동기 프로그래밍의 중요한 요소들을 간단하게 짚고 넘어간 뒤, 비동기를 처리하는 방식 3가지인 Callback, Promise, Async Await의 내부를 살펴봅니다.

2020년 3월 26일
·
12개의 댓글

[03/20] TIL

await은 promise를 줘야 비동기 코드를 동기코드처럼 쓸 수 있다.const foo=(num, sec)=> new Promise((resolve, reject)=>{ setTimeout( function(){ console.log

2020년 3월 20일
·
0개의 댓글

자바스크립트 동작 원리(이벤트루프, 싱글스레드, 비동기, 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일
·
9개의 댓글

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

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

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

Basic Javascript

자바스크립트의 탄생 1955년, 네스케이프라는 회사는 HTML 페이지에 경량의 프로그램 언어를 통해 Interactive한 것을 추가하기로 했다.이를 위해, Brendan Erich라는 사람이 10일 만에 Mocha 라는 언어를 만들었고 얼마 뒤, 이름이 Livesc

2019년 12월 26일
·
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개의 댓글