TIL ( 2021.06.10)

Synchronous(동기) Vs Asynchronous(비동기)

다음과정으로 진행하던 도중 갑자기 막혀버린 동기,비동기...
논블로킹과 비동기와 같은 의미인것같은데 왜 다른단어를 쓰는지 헷갈렸다.
다시한번 복습해봐야겠다고 어제 저녁에 적어놓고 오늘 공부를 시작한다!

블로킹과 논블로킹의 가장 큰 차이점은 프로그램이 바로 실행할 수 있는 유무가 다르다.

Non-Blocking/Blocking I/O Model

1. Blocking I/O Model
   

• Blocking I/O Model 에서는 System Call이 끝날때까지 프로그램은 대기해야 하고 System Call이 완료가 되면 그때야 Return 한다.
• Wait Queue에 들어간다.

2. Non-Blocking I/O Model
   

• Non-Blocking I/O Model 에서는 System Call이 완료되지 않아도 대기하지 않고 Return 해버린다.

• Wait Queue에 들어가지 않는다.

Synchronous Vs Asynchronous

Synchronous & Asynchronous은 결과물을 돌려받는 시점에 초점을 두면 좀 더 쉽게 이해를 할 수 있다.

3. Synchronous

• Synchronous 에서는 System Call이 끝날때까지 기다리고 결과물을 가져온다.

4. Asynchronous
   

• Asynchronous 에서는 System Call이 완료되지 않아도 나중에 완료가 되면 그때 결과물을 가져온다.
• 거의 Callback 함수를 통해 결과물을 가져온다.

- Synchronous Vs Asynchronous 차이점

가장 큰 차이점은 결과물을 가저오는 시점이 다르다.

5. Non-Blocking Vs ASynchronous 차이점

• System Call이 즉시 Return될 때 데이터의 포함 유무

• Asynchronous은 요청에 처리 완료와 관계없이 응답한다. 이후 운영체제에서 응답할 준비가 되면 응답한다.

• Non-Blocking은 요청에 처리할 수 있으면 바로 응답하고 아니면 Error를 반환한다.

6. Blocking Vs Synchronous 차이점

• Wait Queue 유무

• Blocking은 System Call의 Return을 기다리는 동안 필수로 Wait Queue에 머문다.

• Synchronous은 System Call의 Return을 기다리는 동안 Wait Queue에 머물 수도 아닐 수도 있다.

callback

1. 다른 함수의 인자로써 이용되는 함수.

2. 어떤 이벤트에 의해 호출되어지는 함수.

promise

Promise의 3가지 상태는 Promise의 처리 과정을 의미한다.
new Promise()로 Promise를 생성하고 종료될 때까지 3가지 상태를 가진다.

• Promise 의 장점

1. Callback hell 문제 해결
2. 에러 처리와 관련된 인자를 모든 함수에 넘겨야하는 콜백 방식에 비하면 Promise 의 에러 처리 방식은 단순하다.

구문
new Promise(function (resolve, reject) { /* ... */ });
resolve 는 완료되었을 때 실행하는 함수이고, reject 는 실패했을 때 실행하는 함수이다.

Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태

new Promise(function (resolve, reject) {
// ...
});

• 메서드를 호출하면 대기 상태가 되고, 호출할 때 콜백 함수의 인자로 resolve, reject에 접근할 수 있다.

Fulfilled(이행) : 비동기 처리가 완료되어 Promise가 결과 값을 반환해준 상태

• resolve를 실행하면 이행 상태가 된다. 이후 then()을 이용하여 처리 결과 값을 받을 수 있다.

Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태

• reject() 메서드를 실행하면 실패 상태가 된다. 실패상태가 되면 실패한 이유(실패 처리의 결과 값)을 catch()로 받을 수 있다.

예외처리

• try catch 방법

async function logTodoTitle() {
try {
var user = await fetchUser();
if (user.id === 1) {
var todo = await fetchTodo();
console.log(todo.title); // delectus aut autem
}
} catch (error) {
console.log(error);
}
}

Promise vs Callback

1. 콜백은 함수이며, 프로미스는 객체이다.

• 콜백은 이벤트에 응답하여 실행할 수 있는 코드 블록으로 모든 함수는 콜백이 될 수 있다.
• 프로미스는 어떠한 작업이 일어났는지 아닌지에 대한 정보를 저장하는 객체이며, 작업이 일어난 경우 그 결과가 무엇인지 나타낸다.

2. 콜백은 인자로 전달되며, 프로미스는 반환된다.

• 콜백은 호출된 함수와는 별개로 정의되며, 다른 함수의 인자로써 전달된다.
• 프로미스는 비동기 함수 내부에서 생성된 다음 반환된다.

3. 콜백은 성공과 실패를 처리하고, 프로미스는 아무것도 처리하지 않는다.

• 콜백은 작업이 성공했는지 실패했는지 여부와 함께 호출되며, 두 시나리오를 모두 처리해야한다. 또한, 두 시나리오에 대한 인자를 항상 받아야 한다.
• 프로미스는 기본적으로 아무것도 처리되지 않는다. 성공 및 실패는 .then() 이나 .catch() 메소드 등을 통해 나중에 처리된다.
  4, 콜백은 여러 이벤트를 나타낼 수 있고, 프로미스는 최대 하나의 이벤트를 나타낼 수 있다.
• 콜백은 전달된 함수에 의해 여러 번 호출될 수 있다.
• 프로미스는 하나의 이벤트만 나타낼 수 있다.

참고 :
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/async_function
mdn sync async promise