# async

65개의 포스트

TIL] JavaScript-asyn vs defer

.script 사용: HTML 문서의 script tag 안에 작성된 코드는 JavaScript 언어로 인식되므로 직접 HTML에 작성하는 방법도 있지만 모든 파일은 분리하여 사용하는 것이 좋으므로 추천하지 않는다..head 안에 script로 연결하기: HTML을 p

3일 전
·
0개의 댓글

async, await 반복문(promise.all)

const fs = require('fs');const fs_promises = require('fs').promises;/const asyncFunction = async () => { try { const data = await fs_promises.read

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

Javascript async와 await

// async & await// clear style of using promise

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

Javascript Promise 이해하기!

javascript_promise// Promise is a Javascript object for asynchronous operation. // promise를 공부하며 중점적으로 살펴봐야할 2가지 1) 상태: 무거운 operation을 수행하고있는 중인지 기능수

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

JavaScript의 비동기 처리

JavaScript는 싱글 스레드, 논블로킹, 비동기, 동시성을 지닌 동적 타입 언어다. 이러한 기능을 지원하기 위해 JavaScript는 스택, 큐, 힙, 이벤트 루프, 외부 API를 가진다. 각각의 의미를 하나하나씩 알아보자.

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

콜백이해기!!!(콜백지옥체험)

// synchronous(동기)// 정해진 순서에 맞게 코드가 실행된다console.log('1'); // 1console.log('2'); // 2console.log('3'); // 3// asynchronous(비동기)// 언제 코드가 실행될지 예측할 수 없는것

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

callback, promise, async-await 비교

fs.readFile의 형식을 보면 fs.readFile('파일위치', 옵션, 콜백함수);형태이다. 이때는 콜백함수가 하나밖에 없지만 readFile한 결과에 대해 또 콜백함수가 들어간다면 콜백안의 콜백안의 콜백... 이 펼쳐져서 코드가 병렬식이 아닌 깊숙해지는 형태로

2020년 8월 31일
·
0개의 댓글

TIL - 동기, 비동기

할 일을 순서대로 한다.커피전문점에서 '주문 받고 만들고 주고'가 1 사이클이면 , 주문 받고 만들고 주고를 반복. 손님이 천명이든 만명이든 기다리던 상관 없이 사이클 대로 반복한다.멀티 태스킹, 주문 쭉 받아놓고 만들면서 준다. 동시에 다같이 한다.동기와 비동기 관련

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

[JS]콜백 지옥 탈출하기

[JS]콜백 지옥 탈출하기

2020년 8월 31일
·
0개의 댓글

Async & Await

callback을 안하고 비동기 처리시 callback시async/await 사용시 (callback 포함)await를 사용안했다면 데이터를 받아오고나서 다음 함수가 동작해야 하니까, 콜백함수나 .then()을 사용해야했을 것이다.(똑같은 실행을 하지만 아래의 두 코드

2020년 8월 30일
·
0개의 댓글

프로미스 (Promise) 객체 와 async await

비동기 프로그래밍과 프로미스 객체의 관계 그리고 async await

2020년 8월 24일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 14장, 외부 API를 연동하여 뉴스 뷰어 만들기

# 😁 비동기 작업의 이해 ## 콜백 함수 ## Promise Then ## Async Await # 😎 Axios로 API 호출해서 데이터 받아 오기 # 😋 Newsapi API 키 발급받기 # 🤩 usePromise 커스텀 Hook 만들기

2020년 8월 24일
·
0개의 댓글

JavaScript #6 비동기 Promise와 async, await

작업을 동기적으로 처리한다면 작업이 끝날 때까지 다른 작업을 할 수 없다. 하지만 비동기적으로 처리를 한다면 흐름이 멈추지 않기 때문에 동시에 여러 가지 작업을 처리할 수 있고, 기다리는 과정에서 다른 함수도 호출 할 수 있다. **비동기 처리** - Ajax Web

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

JavaScript(5) - 비동기 처리

호출부에서 실행 결과가 주어질때까지 대기한다.호출부에서 실행 결과가 주어질 때까지 대기하지않고 다른 작업을 한다.자바스크립트는 동기방식이고, single-threaded한 언어이다. 하지만, 이것은 오직 한 연산에서의 특성을 의미하며, 모든 것에서의 특성을 의미하지 않

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

async와 defer의 차이점

parsing HTML -> fetching js / executing js -> parsing HTML\-> 단점 : 만약 이 js파일의 용량이 크고 인터넷이 느리다면 사용자가 페이지를 보기까지 시간이 너무 오래걸림parsing HTML (page is ready!)

2020년 8월 17일
·
0개의 댓글

비동기 프로그래밍(Asynchronous)

동기 -> 순차적으로 진행비동기 -> 비순차적으로 진행비동기처리 -> 비순차적인 작업을 순차적으로 처리하는 방식JavaScript를 이용해 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식.갱신이 필요한 부분만 로드하여 갱신함으로 빠르다.비동기처리를 위

2020년 8월 17일
·
0개의 댓글
post-thumbnail

Promise 조합 + Async 이해하기

Promise조합하기 + Async 이해하기

2020년 8월 14일
·
0개의 댓글

TIL javascript promise(이해가 가지 않음)

promise는 자바스크립 비동기 처리에 사용되는 객체이다. 근데 비동기 처리가 뭐지..?자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립틔 특성을 의미한다. 카페에서 커피를 주문할 때, 앞사람

2020년 7월 23일
·
0개의 댓글

TIL 7. JavaScript, Hello World!

API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상

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