JS - 동기, 비동기
1. 동기 [ 개념 ] 한 작업이 완전히 끝나야 다음 작업으로 넘어간다. 순차적, 직렬적 테스크를 수행한다. 2. 비동기 [ 개념 ] 한 작업이 끝나지 않고 다음 작업으로 넘어간다. 병렬적 테스크를 수행한다. [ 왜 필요할까? ] API를 호출하여 데이터를 받아온다고 가정했을 때, 비동기로 처리하지 않고 동기적으로 구성한다면 데이터를 받아오는 시간동안 기다린 다음 어떠한 로직이 실행이 될 것이고, 데이터 양이 늘어나거나 대량 API호출을 하면 속도가 느려지기 때문에 비동기적 처리가 필요하다. 예제 ) setTimeout / ajax console.log('1'); setTimeout(function() { console.log('2') }, 3000); console.log('3') // 1->3->2 ..
JavaScript
2022. 2. 19. 16:03
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- typescript
- Virtual Scroll
- 자바스크립트 비동기 동작원리
- redux
- Next.js
- react
- 1급 함수
- next.js에 .gitignore가 적용되지 않을 때
- array
- javascript
- redirects
- programmers
- 1급 객체
- useRef
- rewrites
- 시맨틱 웹
- 호이스팅
- 타입스크립트
- debouncing
- vue
- 가상스크롤
- 목표 일기
- 렌더링 속도 개선
- zustand
- next.js 환경변수
- React로 쓰로틀링 디바운싱 구현
- 자바스크립트 동작원리
- 매겨변수와 인자
- 1급 시민
- 함수형 컴포넌트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
글 보관함