# async

179개의 포스트
post-thumbnail

08. TIL (callback function, promise,async)

javascript의 콜백함수 개념에 대해 학습한 시간.아직은 헷갈리는 부분도 있지만.. 열심히 공부해보자! 🔥

1일 전
·
0개의 댓글
post-thumbnail

비동기 프로그래밍

비동기 프로그래밍 오늘은 비동기 프로그래밍에 대해 알아보겠습니다. 어느 평화로운날 진구와 도라에몽은 집안일을 반반 나누어서 진행하기로 했습니다. 진구는 식기들 세척하기 -> 서랍장에 넣기 이불, 베개 꺼내서 털기 빨래 세탁기에 돌리기 -> 빨래 널기 도라에몽은 바닥

2일 전
·
0개의 댓글
post-thumbnail

[JS] Promise & Async/Await

우리가 흔히 사용하는 콜백! 콜백이 뭐냐고 하면, 요청 후에 응답이 오면 요걸 수행해줘 같은 느낌요청의 응답이 오기를 매번 주구장창 기다리면 어플리케이션이 너무 느려짐그래서 비동기로 요청만 띡 보내고, 응답이 오기까지 기다리는게 아니라, 일단 다음꺼 수행하는 방식으로

7일 전
·
0개의 댓글
post-thumbnail

6월 3일 TIL

json object to json stringify 사용 이때 함수는 변환 안된다. 더 세밀하게 조정하려면, 콜백함수를 사용한다. json to object parse 사용 더 세밀하게 조정하려면, 콜백함수를 사용한다. synchronous(동기적) vs asynchronous 동기적: execute the code block in order aft...

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

5. React, Javascript - axios 와 await , async

오늘은 React에서 많이 사용하는 비동기 통신 라이브러리 axios 와Javascript 에서 비동기 처리 패턴인 async,await 에 대해서 알아 보도록 하겠습니다.Axios 는 Javascript 라이브러리 중 하나인 Fetch Api 와 같은 비동기 통신 라

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

5월31일 TIL

웹 api: 자바스크립트하고 상관 없이, 브라우저가 제공하는 브라우저가 이해할 수 있는 함수들ex. console async vs defer 분석이 다 끝나고 실행하냐 vs 끝나기 전에 실행하여 html 분석 속도가 늦춰지냐.

2021년 5월 31일
·
0개의 댓글
post-thumbnail

TIL 24. JS Promise와 async & await

자바스크립트의 Promise와 async & await개념에 대해 알아보겠습니다. 이 글은 MDN와 캡틴판교을 토대로 작성되었습니다.“A promise is an object that may produce a single value some time in the fut

2021년 5월 29일
·
0개의 댓글
post-thumbnail

[모던JS: Core] 비동기 - 프라미스(Promise) 및 async/await (4)

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

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

TIL : javascript (async/await)

코드만 보면 동기적으로 실행되는 것 처럼 보이나(가독성 증대 효과!) 손쉽게 비동기 처리 가능 (promise/then) 의 단점(콜백지옥) 개선 가능!!!async만 앞에 붙여주면 그냥 promise가 return되어 버린다!!(완전 편함)코드의 간결성, 가독성 모두

2021년 5월 27일
·
0개의 댓글
post-thumbnail

Open API 에서 받아온 이미지로 Carousel(Slider) 만들기

어제와 오늘은 헤더에 Carousel 만드는 작업을 진행해 보았다.화질은 아무래도 Open API를 통해서 랜덤 이미지를 가져오다보니 Object-fit으로 했을 때 화질이 깨질 수 밖에 없었다. 실무에서 Carousel을 만든다면 디자이너에게 딱맞는 이미지 px을 받

2021년 5월 27일
·
0개의 댓글
post-thumbnail

[Dart] Asynchronous programming: futures, async, await

Asynchronous 작업은 다른 작업이 완료될 때까지 기다리는 동안 프로그램이 작업을 완료할 수 있습니다. 일반적으로 다음과 같은 작업을 합니다.network를 통해 데이터 가져오기database에 쓰기file에서 데이터 읽기Dart에서 asynchronous 작업

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

[JavaScript] 비동기처리방식 3. async/await

Async와 Await을 사용하여 promise를 좀 더 간결하고 간편하게 동기적으로 실행되는것처럼 보이게 만들어 줄 수 있다. 함수 앞에 async를 써주면 코드블록이 자동으로 promise로 바뀐다.

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

JS_비동기

JS의 비동기 처리 방법, fs 모듈 사용법, fetch API

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

TIL 01 - script async와 defer

html 파일을 한 줄씩 읽으며 css와 병합하며 dom요소로 변환script태그를 마주치게 되면 읽는것을 멈추고 index.js를 다운받고 실행하게 된다모든 스크립트 다운->실행까지 끝난 뒤 다시 html을 parsing하게 된다\*\*<span style="c

2021년 5월 19일
·
0개의 댓글

AJAX & Fetch

ajax(Asynchronos Javascript And XML)는 자바스크립트를 통해서 서버에 데이터를 요청하는것을 의미한다. 이는 html form태그를 통하지 않기에 새로운 html페이지로 갈 필요도 없고, 새로고침도 할 필요가 없다. 또한 일부분만 새로이 로딩되

2021년 5월 18일
·
0개의 댓글
post-thumbnail

Promise

앞선 블로그에 기술했듯이 자바스크립트는 동기적으로 작동된다. 이 말은 하나의 작업이 수행이 끝나고 나서야 그다음 작업을 수행하게 된다는 것을 의미한다. 하지만 대부분의 웹을 살펴보면 여러개의 작업이 동시에 진행되는듯한 느낌을 받을 수 있다.비동기작업은 A작업을 수행하는

2021년 5월 18일
·
0개의 댓글
post-thumbnail

[React] 웹 개발 샘플

간단하게 데이터 읽어와서 뿌려주고, 화면 이동하고, props 전달하고기본적인 조회화면을 만들며 사용한 라이브러리나 난감했던 상황을 정리create-react-app 으로 프로젝트 생성Mockoon - API 처리API를 호출하여 값을 읽어오는 테스트를 해야하는데, 데

2021년 5월 18일
·
0개의 댓글
post-thumbnail

비동기처리

Promise & async & await

2021년 5월 14일
·
0개의 댓글