# async

143개의 포스트

비동기 프로그래밍

프로그래밍을 하면서 비동기(Async), 동기(Sync), 블로킹(Blocking), 논 블로킹(Non-Blocking) 방식의 프로그래밍이라는 언어를 많이 들어보게 됩니다. 저도 회사에서 비동기 방식으로 코드를 작성하는 경우가 생기고, 핑계지만 시간에 쫒겨서 기능을

약 19시간 전
·
0개의 댓글
post-thumbnail

async & await

자바스크립트의 비동기 처리 패턴 문법장점콜백 함수 & 프로미스의 단점 보완 (기존의 비동기 처리 방식)개발자가 읽기 좋은 코드 작성 가능함수 앞에 async (예약어) 붙임 → 함수 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await 붙임주의: 비동

약 22시간 전
·
1개의 댓글
post-thumbnail

JS 비동기패턴 async & await

자바스크립트의 비동기 패턴입니다.한눈에 봐도 이해될 정도로 사용법은 매우 쉽습니다. async와 await를 이해하기 위해서는 Promiss 객체에 대한 이해가 필요합니다. MDN에서 설명하는 Promiss객체에 대한 간단한 설명은 다음과 같습니다.Promise 객체는

어제
·
0개의 댓글

[TIL] React Hooks useEffect 에서 async/await function 호출 방법

참고: https://stackoverflow.com/questions/56450975/to-fix-cancel-all-subscriptions-and-asynchronous-tasks-in-a-useeffect-cleanup-f

2일 전
·
0개의 댓글

JavaScript 간단 개념 정리

위 처럼 var 는 변수를 한 번 더 선언해도 에러가 나오지 않고 각기 다른 값이 출력된다. 코드량이 많아지면 변수 사용 파악이 힘들기 때문에 가급적 사용하지 않는 것이 좋다.name이 이미 선언되었다는 에러 메시지가 나온다. (const 도 같은 에러가 출력된다)둘다

6일 전
·
0개의 댓글

[React] Promise란?

Promise프로미스는 자바스크립트에서 비동기 처리에 사용되는 객체라고 한다. 비동기 처리는 코드 실행 후 결과를 받는것을 기다리지 않고 다음 코드를 계속 진행하는 처리 방식을 말한다.(동기 처리는 반대로 앞선 코드를 수행하고 그 결과를 받을 때 까지 기다린 다음에 수

2021년 4월 1일
·
0개의 댓글

자바스크립트- async/awiat

https://www.youtube.com/watch?v=JzXjB6L99N4result 에는 async function myAsync 의 return 값이 들어있다.그래서 console.log 를 찍어보면 async 라는 문자열이 나오게 된다.async 를

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[Flutter] 동기와 비동기

프로그램을 만들다 보면 가끔 기능을 백그라운드에서 실행해야 하는 경우가 생긴다. 그럴 때 쓰는 것이 바로 "비동기 처리"이다.우선 동기 처리 방식의 코드를 보자.위의 코드의 결과는 누가 보아도 알 수 있다.컴퓨터 입장에서는 아래와 같이 실행된다.프로그램을 시작한다."I

2021년 3월 26일
·
0개의 댓글

면접 질문 준비하기 (동기, 비동기) - 2

요청(request) 를 보내고 응답(response)이 오면 그 다음 동작을 처리하는 방식요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식다른 함수의 인자로써 이용되는 함수 또는 어떤 이벤트에 의해 호출되어지는 함수(다른 기능의 뒤에서 호출하는 함수)콜백지옥

2021년 3월 25일
·
0개의 댓글

async/async*

o async : gives you a Futureo async\* : gives you a Stream.asyncYou add the async keyword to a function that does some work that might take a long tim

2021년 3월 21일
·
0개의 댓글
post-thumbnail

[JS] 비동기처리와 Promise, Async & Await

Javascript 에서 비동기처리에 대해 작성한 글입니다

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

AJAX와 beforeSend

beforeSend 부분이 작동하지 않을 경우는?async : 'false' 때문에 발생한 가능성이 크다. ajax 옵션의 sync 는 ajax 통신의 동기 / 비동기 여부에 대한 옵션이다. default 값은 true 이고 이 경우 ajax call을 비동기로 처리한

2021년 3월 19일
·
0개의 댓글
post-thumbnail

[TIL-js] console출력 및 JS포함 방식

본격적인 JS를 공부함에 있어 가장 기본적으로 알아두어야 할 사항이 있다면 바로 console일 것이다. console은 탭을 통해서 작성한 코드의 메세지를 확인하거나 간단한 JS실행도 가능하다. 또한 source 탭에서는 debugging을 할 때 유용하게 사용된다.

2021년 3월 16일
·
2개의 댓글
post-thumbnail

TIL 7. JS(async&defer)

☝🏻 보통 JavaScript와 HTML을 연결시킬 때, HTML과 CSS처럼 HTML의 파일 안에 script tag를 사용한다.(CSS는 link tag)다만, 웹 페이지에 HTML을 열때 JavaScript는 script tag의 위치에 따라 전체적으로 실행되는

2021년 3월 15일
·
0개의 댓글
post-thumbnail

async / defer : script 태그 작성 위치에 대하여

html에서 script를 작성할 때 어느 위치에 작성하는게 좋을지 생각해본적이 있다.🤔여러가지 방법이 있지만 가장 효율적인게 어떤 것인지, 최선은 무엇인지 따져보기 위해서 되짚어보는 <span style="color:\`\`\`만약 script가 a,b,c로

2021년 3월 15일
·
0개의 댓글

(JS) 모던 자바스크립트 : Async / Await

가독성 개선과 에러핸들링 등과 같은 초창기 비동기 프로그래밍의 흐름을 효율적으로 개선하기 위한 고민은 현재까지 계속되고 있다. 이중 Promise와 Async / Await가 가장 대표적인 방법이다.

2021년 3월 15일
·
0개의 댓글
post-thumbnail

TIL - 6회차

- Promise API - async/await - JSON

2021년 3월 11일
·
0개의 댓글
post-thumbnail

[TIL] Sync, Async, Process, Thread

동기 : 작업을 순서대로 처리 -> 요청이 들어오면 응답. 앞에 task 처리가 늦어지면 뒤에 애들은 기다림장고 ORM은 동기방식으로 작동비동기 : 요청이 들어오면 할일을 정해뒀다가 자기가 알아서 처리 -> 더 빠르다. 필요에 따라 오래 걸리는 task를 따로 빼두고

2021년 3월 8일
·
0개의 댓글
post-thumbnail

Blocking/Non-Blocking + Sync/Async 조합 정리

4가지 조합을 정리해봅시다.

2021년 3월 7일
·
0개의 댓글

javascript_async vs defer

html에 javascript를 추가하는 방법head에 script를 포함parsing html → fetching js → executing js → parsing htmljs파일이 크다면 웹사이트를 보는데 시간 소요가 많다.body에 script를 포함parsing

2021년 3월 7일
·
0개의 댓글