일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 기초
- 컴포넌트
- 개발자
- 자바스크립트
- react-query
- 리액트네이티브
- next.js
- mockoon
- MSW
- thread
- 최적화
- 캐쉬
- SWC
- 쓰레드
- Cache
- 리액트쿼리
- front-end mocking
- CSS-in-JS
- next hydration
- react-native
- 목킹
- async
- mock service worker
- link
- 아키텍처
- Critical Rendering Path
- React
- 기본
- styled-component
- 비동기
- JavaScript
- react server component
- amplify
- Basic
- Babel
- 동기
- 리액트
- vanilla-extract
- sprinkles
- Concurrent Mode
- Today
- Total
목록async (2)
Don’t worry about failures

이 네가지의 개념을 이해하기 위해서는 '권한', '응답' 이 두 키워드가 가장 도움이 되었다. 권한을 가지고 있냐 없냐, 응답에 관심이 있냐 없냐에 따라 Block, None-Block, Sync, Async가 분류가 된다. 자세히 살펴보자. 1. Bloacking 자신의 작업을 진행하다가 다른 주체의 작업이 시작되면 다른 작업이 끝날 때까지 기다렸다가 자신의 작업을 시작. '권한'이라는 단어로 이를 이해해보자. 실험실에 중요한 실험이 있다고 생각해보자. 이 실험실을 들어가기 위해서는 권한 키를 가지고 있어야 찍고 입장을 할 수가 있다. 실험실에 들어가 실험을 하다 외부 실험자에게 요청할게 있어 밖으로나가 외부 실험자에게 부탁과 함께 권한 키를 제공했다. 이 권한 키를 통해 외부 실험자가 들어가서 실험을..

1. callback 2. promise 3. async 4 await 자바스크립트의 비동기에 대해 살펴보기 전에 동기와 비동기에 대해 가볍게 개념을 살펴보자. 동기와 비동기 동기와 비동기에 대한 개념을 이해할 때 '동' 이라는 단어로 연상을 시켰다. 무슨말인가 하면, 동기는 모든 사람들이 '동'일한 길만 지나간다. 비동기는 사람들 중 한명이 넘어지면 다른 길('동'일하지 않은 길)로 찾아 지나간다. 나는 이 말이 이해가 편했다. 조금 더 풀어서 개념을 챙겨보자. 동기의 경우 프로세스가 돌 때 하나의 프로세스가 딜레이가 발생했을 때 뒤에 프로세스가 앞의 프로세스가 완료될 때까지 기다렸다. 다음이 진행된다. 반면, 비동기의 경우 기다리지 않고 다음으로 바로 넘어간다. 여기서 처음에 많이 헷갈렸다. 왜 헷갈..