본문 바로가기
Coding/JAVA_SCRIPT

[JS] 동기/비동기 , Callback 및 Promise 개념과 Promise chaining이해하기.

by 우지uz 2023. 9. 15.

https://www.notion.so/JS-Promise-abb52b3c0437467d99011bbcc7986649?pvs=4 

 

JS Promise 이해하기

위 joshua1988님이 작성하신 gitHub 블로그의 내용을 그대로 직접 따라치며, 필기한 내용입니다.

www.notion.so

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/#%EC%97%AC%EB%9F%AC-%EA%B0%9C%EC%9D%98-%ED%94%84%EB%A1%9C%EB%AF%B8%EC%8A%A4-%EC%97%B0%EA%B2%B0%ED%95%98%EA%B8%B0-promise-chaining

 

자바스크립트 Promise 쉽게 이해하기

(중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법

joshua1988.github.io

https://www.notion.so/30d933b6c1c440d48ee8d895a0c1863c?pvs=4 

 

드림코딩 프로미스 강의노트

'use strict'; // https://www.youtube.com/watch?v=JB_yU6Oe2eE&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=12 // Promise is a Javascript object for asynchronous operation. // 1. state : pending -> fulfilled or rejected // 2. 생산자와 소비자 차이

www.notion.so

https://www.youtube.com/watch?v=s1vpVCrT8f4&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=11&pp=iAQB 

노션 정리 : https://www.notion.so/d64a4eeb40b14ba69e8d12313ca2ffe5?pvs=4 

 

비동기 처리와 콜백 함수

위 joshua1988님이 작성하신 gitHub 블로그의 내용을 그대로 직접 따라치며, 필기한 내용입니다.

www.notion.so

https://joshua1988.github.io/web-development/javascript/js-async-await/

 

자바스크립트 async와 await

(중급) 자바스크립트 개발자를 위한 async, await 사용법 설명. 쉽게 알아보는 자바스크립트 async await 개념, 사용법, 예제 코드, 예외 처리 방법

joshua1988.github.io

 

자바스크립트는 동기적인 언어인데, 비동기적 처리를 해야할 때 

비동기 함수에 대해서 어떻게 로직을 구성할 것인가 ?? 에 대한 생각을 많이 해보았습니다. 

단순히, fetch 를 이용해서 함수들을 불러올 수도 있지만 

 

가독성과 유지보수를 위해서, async function 을 정의하고, 

기능 및 목적에 따라 모듈화를 진행하고 난 다음에 

함수마다 범용성을 생각해서, 함수를 불러오는 방향으로 진행하는 것이 좋다고 생각이 들었습니다. 

(주변 개발자 선배, 캠프 튜터님, 지인들과 대화를 나누었습니다. 너무 궁금해서 꼭 해결하고 가는 타입입니다. )