Section2 Unit3 JS/Node 비동기 - 비동기처리

 

출처: https://adrianmejia.com/asynchronous-vs-synchronous-handling-concurrency-in-javascript/

---

Section2 Unit3 [JS/Node] 비동기 - 비동기처리 (callback, promise, async/await)

 

📌 Chapter2. 비동기

• 동기(synchronous)는 순차적으로 실행되며, 어떤 작업이 수행 중이면 다음 태스크는 대기하게 된다.
• 비동기(asynchronous)는 태스크가 종료되지 않은 상태라 하더라도 대기하지 않고 즉시 다음 태스크를 실행한다. 

• 자바스크립트는 싱글 스레드 기반의 동기적으로 작동하는 언어이지만, 비동기 처리가 가능하다. 

• 비동기 처리를 위해 콜백함수, Promise, async/await 등을 사용할 수 있다.

 

  → Promise, async/await를 따로 정리를 해보았다. 

 

ES6, 비동기 처리를 위한 프로미스 (Promise)

ES8, 비동기 처리를 위한 async / await 기본 문법

 

콜백함수의 콜백헬 등의 문제에서 벗어나기 위해 ES6에서는 Promise가 도입되었고, ES8에서는 async/await가 도입되었다. Promise를 열심히 공부를 하다가 문득 async가 있는데 Promise를 굳이 공부해야해? 라는 생각이 들어서 chatGPT한테 물어봤었다.

---

Q. js에서 async await나 나왔는데 promise를 학습할 필요가 있나요?

A. 네, JavaScript에서 async/await는 Promise를 기반으로 동작합니다. Promise는 비동기 작업을 처리하기 위한 자바스크립트의 내장 객체입니다. Promise는 비동기 작업이 완료되었을 때 결과를 처리할 수 있도록 도와주는 방법을 제공합니다.

async/await는 Promise의 편리한 구문적인 감싸기 방식입니다. async 함수는 항상 Promise를 반환하며, await 키워드를 사용하여 비동기 작업이 완료될 때까지 함수의 실행을 일시 중단할 수 있습니다. 이를 통해 코드를 더 읽기 쉽고 동기적으로 작성할 수 있습니다.

그러나 async/await는 Promise를 대체하는 것이 아니라 Promise를 보다 쉽게 사용할 수 있도록 만든 구문적인 개선입니다. 따라서 async/await를 사용하려면 Promise의 기본 동작 및 개념을 이해하는 것이 중요합니다. 또한, 실제로 Promise를 사용해야 할 경우도 있을 수 있으므로 Promise를 학습하는 것이 여전히 중요합니다.

결론적으로, async/await를 사용하면 Promise를 사용하는 것보다 코드를 더 간결하게 작성할 수 있지만, Promise의 동작과 사용법에 대한 이해는 여전히 필요합니다.

---

오홍 async 함수가 Promise를 반환하니 Promise를 공부하는건 필요한 일이었다는 결론에 이르렀다. 

 

📌 Chapter3. Node.js

• "비동기 이벤트 기반 JavaScript 런타임”

• 모듈이란 어떤 기능을 조립할 수 있는 형태로 만든 부분. fs(File System) 모듈은, PC의 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와준다.

• Node.js 내장 모듈 목록: Node.js v16.14.2 Documentation

 

Node.js 부분은 우선 정리는 안해두고 한번 훑어보기만 했다..! 나중에 좀 더 익숙해지면 정리해봐야지.

 

⭐️ 과제. Part 1 - 타이머 API

• callback, promise, async/await 키워드를 이용한 비동기 흐름 제어를 코드를 통해 살펴보는 시간 🎈

→ 세 가지 패턴의 비동기 코드를 사용하는 방법의 차이 학습했다. (세가지 방법으로 구현한 코드는 모두 같은 동작을 한다.) 타이머 API 과제를 하면서 promise와 async/await 에 대해 더 잘 이해할 수 있는 계기가 되었다. 

→ 세 가지 패턴에 대한 학습이 되어있다면 이해하는데 어렵지는 않은 과제였다.

 

⭐️ 과제. Part 2 - fs 모듈

• fs 모듈 과제는 진행중! 첫 시작부터 헤매서 잘 안풀렸는데, 사실 엄청 간단한 부분을 헤매고 있었다는 거... 😭 그래도 비동기 패턴에 대해 좀 더 공부하고 보면 좋을 것 같아서 내일 페어 시간에 마무리하기로 했다..!

 

---

🌙  오늘의 회고

 오늘도 어제랑 비슷하게 수업 진도 따라가고 과제한다고 정신이 없었다. 예전부터 어렵다고 생각했던 비동기 개념을 오늘 다시 공부해보니 이제 조금 알 것 같기도 했다. Node.js도 쉽지 않았는데, fs 모듈을 사용해서 과제를 하는데 감이 안잡혀서 어려웠다. 내일까지 이번 유닛을 마무리하면 될것 같아서 저녁엔 개인 공부를 하며 보충을 해야할 것 같다. 매일 꾸준히 블로깅도 해야 하는데, 매일 배운 내용을 정리하기에는 이젠 점점 시간이 부족해지고 있다. 이번 주, 안미뤄지고 잘 할 수 있을까.