TIL 29: [JS/Node] 비동기 - 타이머/파일열기

오늘은 본격적으로 비동기에 대해서 공부했습니다. 이 부분은 완전히 처음 배운 부분이라 아직 많이 낯설지만 자주 보면서 익숙해지도록 노력하겠습니다!

 

 

 

비동기 정의 및 사례

동기와 달리 요청에 대한 결과가 다른 요청과 동시에 일어나지 않는 것을 말합니다. 따라서 요청 이후 다른 부분들이 계속해서 작업할 수 있게 해줍니다.

사례: DOM Elemenet의 이벤트 핸들러, 타이머, 서버에 자원 요청 및 응답

 

 

 

Callback

Async(비동기)에서 실행되는 순서를 통제하고 싶을 때 Callback 함수를 사용할 수 있습니다.

Error Handling에서 사용할 수 있으며, 주로 (err, data) 순서로 받게됩니다.

하지만 Callback 함수를 많이 사용하게 되면 가독성이 떨어지는 Callback Hell이 발생하게 됩니다.

 

 

 

Promise

Callback의 문제점을 해결할 수 있는 방법입니다.
일종의 클래스이기 때문에 new Promise()를 통해 만들 수 있습니다.

함수를 만들 때 Callback을 만들지 않고, 새로운 인스턴스를 만들어서 resolve와 reject 함수를 이용할 수 있습니다.
이후 Callback과 다르게 여러번 사용해도 .then()과 return을 이용해서 가독성을 높일 수 있습니다.
또한 catch()를 활용해서 코드의 마지막 부분에 한번에 에러를 잡을 수 있습니다.

 

Promise.all() 메서드는 순회 가능한 객체에 주어진 모든 Promise를 이행합니다.

이행 결과값은 매개변수로 주어진 순회 가능한 객체에 포함된 모든 값을 담은 배열입니다.

주어진 Promise 중 하나라도 거부하면, 다른 프로미스의 이행 여부에 상관없이 첫 번째 거부 이유를 사용해 거부합니다.

 

 

 

Async / Await

이를 사용하기 위해서는 argument 앞에 async를 꼭 써줘야 합니다.
Promise와 달리 리턴문도 사용할 필요가 없어서 좀 더 깔끔하게 코드를 작성할 수 있습니다.

 

 

 

타이머 관련 API

setTimeout(callback, millisecond)

setTimeout(function() {
  console.log('5초 후 실행');
}, 5000);
//123

일정 시간 후에 실행하는 함수입니다. 

리턴 값은 임의의 타이머 ID입니다.

 

 

setInterval(callback, millisecond)

setInterval(function() {
  console.log('5초마다 실행');
}, 5000);
//345

일정시간의 간격을 가지고 반복적으로 실행하는 함수입니다.

리턴 값은 임의의 타이머 ID입니다.

 

clearInterval(timerId)

const timer = setInterval(function() {
  console.log('5초마다 실행');
}, 5000);
clearInterval(timer);

setInterval로 반복 실행중인 타이머를 종료해줍니다. 

리턴 값은 없습니다.

 

 

 

Node.js 모듈 사용법

fs.readFile(path[, options], callback)를 이용해서 비동기적으로 파일 내용 전체를 읽을 수 있습니다.

path에는 파일명이나 파일 URL 등을 입력합니다.

options는 객체 형태 또는 문자열로 넘길 수 있습니다.

callback은 파일을 읽고 난 후에 비동기적으로 실행되는 함수입니다.