자바스크립트는 싱글쓰레드로 작동하는 언어이다.
하나의 작업이 완료되야 다음작업을 실행하는 것이 싱글쓰레드방식이며 동기방식이다.
싱글쓰레드,동기방식의 단점을 극복하고자하는것이 비동기 방식이다.
동기방식처럼 하나의 작업이 끝난 후 다음작업이 시작되는것이 아니라 , 동시에 다른작업을
실행시키는것이 비동기 방식이다.
학습리스트
- 동기방식
- 비동기방식
- async
- await
동기방식
비동기방식
비동기 동기의 실행순서
console.log 내용
async부모, await자식
두개의 키워드는 부모자식 관계이며 반드시 같이 작성해야한다.(ul>li 와 같다.)
await은 앞에 있는 값을 기다렸다가 값이 리턴되면 일을 시작하는 키워드가
비동기식 코드를사용하면 실행함수가 값을 리턴하기 전에 다음 코드가 실행이 되서 undefined가 출력되거나
오류가 날 수 있다.(실행함수가 값을 리턴하기도 전에 console.log가 빠르게 시작 될 경우 undefind가 뜬다.)
이때 async, await 키워드를 사용하면 해당 코드에서 값이 리턴 된 후 코드를 실행 시킬수 있어서
리턴값을 보장 받을 수 있다.
"결과를 리턴할때까지 다음작업이 중지되고 결과값이 리턴되면 다음 작업 실행한다."
새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 9주차 블로그 포스팅
'REACT' 카테고리의 다른 글
| 2022-12-07 [새싹 프론트엔드] useState 객체로 값 받아오기 (0) | 2022.12.07 |
|---|---|
| 2022-12-05 [새싹 프론트엔드] 리액트 라우터 router (0) | 2022.12.05 |
| 2022-12-03 [새싹 프론트엔드]useState 무한루프방지 (0) | 2022.12.03 |
| 2022-12-01 [새싹 프론트엔드] 디폴트값 (0) | 2022.12.01 |
| 2022-11-23 [새싹 프론트엔드] 객체분할대입 { } , 배열분할대입 [ ] (0) | 2022.11.23 |
