[JS] Async-Await 패턴을 위한 Promise 반환 함수 만들기

async await는 실무 하다보면 땔래야 땔 수 없는 패턴인데, 막상 신입들에게 promise 반환하는 함수를 직접 짜라고 하면 어디서 부터 해야 하는지 고민하는 경우가 종종 있어서, 간단하게 설명하려고 한다. 1. return 을 new Promise(resolve, reject) 로 하는 함수를 만든다. 2. Promise 안에 로직을 작성하고 try catch 로 reject를 잡아준다. 3. 로직 끝나면 resolve(result) 등으로 리턴값을 전달한다. 코드로 설명하면 다음과 같다 function somethingHappened() { return new Promise((res,rej) => { try{ ... 여기에 무언가 로직을 작성한다. ... } catch (err) { rejec..

• format_list_bulleted 언어/JS-nodeJS
• · 2024. 1. 23.
• textsms

즉시실행 함수를 이용하여 최상위 레벨에서 async-await 사용

(async () => { await fetch(); })(); 이렇게 async 익명함수로 감싸줘서 사용하면 중간에 await 에서 기존에 하던것 처럼 promise 처리가 끝날때까지 기다린다.

• format_list_bulleted 언어/JS-nodeJS
• · 2023. 3. 6.
• textsms

GitHub 프로젝트 - 프론트엔드를 위한 개념과 면접 질문

개발과 개발자 커뮤니티 공헌에 관심이 있다면 누구나 PR가능합니다. 주니어를 프론트엔드 개발자를 위한 개발지식/인터뷰를 요약해서 모아둔 repo입니다. 신입 또는 주니어 개발자들을 위해 만들어진 프로젝트지만 주제와 관련있는 질문이나 지식이라면 얼마든지 추가할 수 있습니다. https://github.com/smee6/JS_FrontEnd 주니어 개발자들이 더 편하고 더 쉽게 공부할 수 있는 환경을 만들려고 합니다. 지식의 선순환을 믿습니다. ... 라는 모토로 예전에 만들어뒀던 프로젝트인데 다시 관리를 시작하려고 한다.

• format_list_bulleted 개발/Frontend
• · 2022. 7. 18.
• textsms

JS2022 변경점 : async 없이 최상단에서 await 사용 가능

https://dev.to/jasmin/whats-new-in-es2022-1de6 What's new in ES2022? 🤔 Soon the new version of ECMA Script will become standard in few months. So let's take a glimpse at... dev.to

• format_list_bulleted 언어/JS-nodeJS
• · 2022. 7. 11.
• textsms

자바 스크립트는 책 살 필요가 없을지도 javascript.info

https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 나의 자바스크립트 입문과 숙련을 모두 도와주고 있는 사이트 원래 repo 내용도 워낙 좋고 번역페이지(본 링크) 도 너무 잘 되어있다. 테크니컬 라이팅 예제로 봐도 좋고 기술적으로도 재밌게 잘 되어있고... 처음 자바스크립트 시작하는 사람들 뭐 가지고 공부해야 하냐고 묻는다면 여길 추천하고 싶다.

• format_list_bulleted 개발/Frontend
• · 2022. 6. 22.
• textsms