🌹 Promise

• JS에서 제공하는 비동기 통신을 간편하게(콜백함수 대신에) 할 수 있게 제공하는 object(객체)

콜백함수 -> 콜백지옥 -> Promise 등장 -> Promise 지옥 -> async & await 등장 
                                                 -> Promise Chaining
                                                 -> Promise.all() ;
                                                 -> Promise.race() ;  


[❓] 비동기 통신 하는 이유 : 무거운 일을 할 때 ( 큰 파일을 읽을 때)
                         동기통신이라면, 읽는 동안 아무 작업을 하지 못 할 것 (사용자환경,경험 ↓)

[✨키포인트]

① 상태(state)의 흐름

② produer / consumer 의 견해에 따른 차이점 이해

---

1️⃣ Promise의 상태

🟠 대기(pending) : 비동기 작업을 처리하는 중 ...

🟢 이행(fulfilled) : 비동기 작업이 정상적으로 처리가 된 경우 !

🔴 거부(rejected) : 비동기 작업이 정상적으로 처리 되지 않은 경우 !

✅ (이행시) resolve(value) : 성공시, 결과값 반환

✅ (실패시) reject(error) : 실패시, 에러값 반환

---

2️⃣ Promise의 입장차이

◽ 우리가 원하는 기능을 수행해서 해당하는 데이터를 만들어내는 produer
◽ 우리가 원하는 데이터를 소비하는 consumer

---

✅ producer 파트 (= Promise 생성)

🔵 const promise = new Promise()
🟡 Promise 생성시, 엑시큐터(executor) 함수 즉시 자동 실행
🔵 엑시큐터(executor)는 2개의 인자 (resolve, reject) 가지고 있음


⭐ 초기 프로미스 객체를 생성시, 엑시큐터(executor)가 한 번 실행 됨



⭐ 엑시큐터(executor) : 프로미스의 상태를 결정 짓는 함수
                     : 🟢성공시 resolve(value) 값 반환
                     : 🔴실패시 reject(error) 반환
 
 
 
⭐ 엑시큐터는 ( resolve, reject ) 2개의 콜백함수를 가지고 있음

---

✨ Promise 객체 생성시, 엑시큐터(executor) 함수 즉시 자동 실행 된다 !

✨ 엑시큐터(executor) 함수는, ( resolve, reject ) 2개의 인자를 갖는다 !

🟢 resolve(value) : 성공시, 가져올 값

🔴 reject(error) : 실패시, 가져올 에러값

---

---

✅ consumer 파트
(= 생성 된 Promise를 이용해보자 !)

⭐ promise객체.then() : Promise가 정상적으로 수행됐을 경우,
                   🟢결과값(resolve(🟢value)의 🟢value 값을 가져온다.)



⭐ promise객체.catch() : Promise가 실패했을 경우,
                    🔴에러값(reject(🔴error)의 🔴error 값을 가져온다.)



⭐ promise객체.finally() : 성공하거나, 실패하더라도 항상 실행 !

---

---

---

[ 🚫 에러 탐구 ] 

.catch 없이, promise 부분에서 reject(error) 발생 시, 위와 같은 오류발생

Uncaught Error : 잡을 수 없는 에러 


✔️ Error Handling 또한, 연구하고 깊게 파봐야 할 듯 . . !!
(라고 말하니까, 밑에 따로 아예 다루는 중..😌) 

---

---

✅ Promise chaining

• 프로미스를 연결하여 연속적으로 비동기 작업을 처리하는 기법

• 프로미스 객체의 메소드(then, catch, finally)를 사용하여 연속 사용 가능

• 비동기 작업을 순차적으로 진행할 수 있다.

[ ❗❗ ] 프로미스 체이닝은 각 메서드(then, catch, finally)가
값을 반환할 수 있고, 또 다른 프로미스 객체를 반환할 수 있다 ! . .

---

[🚫] 오류 처리를 잘 하자 ! ..

getEgg 부분에서 reject(error) 로 변경시, 
에러 발생 후, 체이닝 진행이 멈춤 

-> 에러 발생 부분 바로 다음에서 .catch 작성 후 에러 처리 진행함 !

---

[ 🔩 ] 병렬 작업을 지원합니다 !

✔️ Promise.all( [배열] ) ;

✔️ Promise.race( [배열] ) ;

자세한 사용법 🤓
: https://velog.io/@supernova77/Node.js-02-async-await

---

[📋] 참고 ( 함수형 업데이트 )

https://velog.io/@supernova77/React.js-02-%ED%95%A8%EC%88%98%ED%98%95-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8