📚 [JavaScript] 동기와 비동기

📕 동기와 비동기의 차이

1. 동기(Syncronous)

요청 후 응답을 받아야 다음 동작을 실행하는 방식

2. 비동기(Asynchronous)

요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식

3. 동기와 비동기의 차이

자바 스크립트는 단일 스레드 프로그래밍 언어로 단일 호출 스택이 있어 한 번에 하나의 일을 처리할 수 있기 때문에 동기 방식으로 진행이 된다

<script>
var fs = require('fs');
//동기
console.log(1);
var data = fs.readFileSync('data.txt', {encoding: 'utf8'});
console.log(data); //data
//1 data

//비동기
console.log(2);
fs.readFile('data.txt', {encoding: 'utf8'}, function(err, data) {
    console.log(3);
    console.log(data); //data
})
console.log(4);
//2 4 3 data
</script>

📙 Promise 객체

자바스크립트에서 콜백 로직을 편하게 사용할 수 있도록 간편화한 것

new Promise();

1. Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태
2. Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태
3. Rejected(거부) : 비동기 처리가 실패하거나 오류가 발생한 상태

✔ Promise를 사용하면 한 블록 내에 많은 중첩 함수를 쓰지 않고도 비동기 처리가 가능하다