Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Storyboard
- SSL인증서
- privateKey
- typescript
- javascript #prototype # array # find()
- TensorFlow
- es5 #es6
- Ke
- behaviorsubject
- securitykey
- CSS #pseudo-classes
- 안좋은습관10가지
- 해시함수
- Vue
- PublicKey
- guide
- anaconda
- CSS #flex
- angular
- webpack
- keytool
- Javascript #MDN #Webs #Docs
- 일기
- Git
- 웹기획
- 요구사항정의서 #기획 #UI/UX기획
- tsotry
- nodejs
- passport.js
- 가상사설망
Archives
- Today
- Total
민자의 지식창고
동기와 비동기 본문
Async와 Sync
Sync : 실행순서를 순서적(절차적)으로 수행을 합니다.
Async : Async는 전 명령의 수행이 끝나지 않아도, 다음 명령을 실행을 합니다.
Javascript에서 왜 Async가 중요한가?
javascript는 다른언어와 다르게 단일 스레드로 동작합니다.
단일 스레드는 하나의 스레드가 모든 명령을 처리 해야 하기때문에, 연산이 많은 로직을 처리할때 계속 Waiting하는 이슈가 생기게 됩니다. 그렇기 때문에 Async(비동기적처리)를 통해서 시간이 많이 걸리는 연산을 Background로 처리하고,다른 작업을 먼저 수행할수 있도록 합니다.
ex> setTimeout()
Callback
Javascript에서는 함수도 객체로 판단하여, Parameter로 넘길수가 있다. 넘겨 받은 함수를 언제 수행할지 결정할수도 있다. 모든 명령의 실행을 마친 후 넘겨 받은 객체를 실행시키는데, 이것이 바로 Callback 함수 이다.
- 많이 사용하는 이벤트 리스너는 Callback 함수 이며, callback 함수를 예약해놓고, 특정 이벤트가 들어오면 해당 함수를 수행하게 된다.
- Callback 함수 사용시 Call과 Apply를 통한 this 보호
- callback으로 전달된 함수 안에서 this를 사용하면, this의 특성(수행시 Context가 정해짐)으로 복잡해질 가능성이 크다. 방지차원에서 call, apply, bind 함수들을 통해 context를 지정해 준다.
728x90
'개발노트 > Javascript' 카테고리의 다른 글
Typescript 작성시 안좋은 습관 10가지 (0) | 2021.11.04 |
---|---|
Array.prototype.find() (0) | 2021.04.13 |
Array.prototype.filter() (0) | 2021.04.12 |
Array-prototype.map() (0) | 2021.04.08 |
Angular Geolocation API (0) | 2021.02.16 |