[보충] Node.js 비동기 프로그래밍(aka. callback function)

앞서 작성했던 내용중에 비동기 관련 얘기를 잠깐 한적이 있었는데(아마 논 블로킹 얘기하면서 했던 것 같다)

 Node.js 컨셉 중에 이 점이 상당히 중요하다고 하기에 비동기 프로그래밍, Callback함수에 관한 공부를 해야할 것 같다는 필요성을 느꼈다.

비동기를 말로 풀어쓴다면 프로그램 실행에 있어서 어떤 메소드의 동작이 끝날 때 까지 기다렸다가 다음 작업을 하는게 아니라 해당 메소드를 실행시키고 나서 곧바로 다음 코드를 실행하는 방식이다. 

한 가지 헷갈린 것이 있는데 실행방식이 마치 Java의 멀티 쓰레딩 방식같았는데 Javascript는 싱글 쓰레딩 방식을 사용하고있다.(Node.js 도 당연히 마찬가지)

멀티 쓰레드와 싱글 쓰레드 방식에 관한 얘기는 내 취지와는 약간 벗어나는 얘기 같으니 일단 생략하도록 하겠다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

const http = require('http');   function onRequest(req,res) {     console.log('request received');     res.writeHead(200,{'Content-Type': 'text/plain'});     res.end(); } var fs = require('fs'); fs.readFile('./data.txt', 'utf8', function(err, data) {   // the data is passed to the callback in the second argument   console.log(data); });   http.createServer(onRequest).listen(8888); console.log('server has started.');

cs

저번에 배운 웹 서버 구동시키는 코드를 응용해서 한번 작성해봤는데 일단 실행결과는 이렇다.

---------------------------

server has started.

Hello Sync And Async

request received

request received

request received

request received

---------------------

일단 function 안에 있는 console 출력문은 8888포트 번호의 listen을 받아야 출력되기 때문에 localhost:8888에 접속하지 않으면 출력되지 않는 log이다. 그럼 바로 다음코드로 넘어간다. 이부분은 따로 설명하지는 않았지만 File System 모듈을 사용한 것이다. 

소스코드만 딱 봐도 fs.readFile은 매개변수로 들어오는 파일을 data로 받는 역할을 하는걸로 볼 수 있는데

텍스트 파일의 로그를 찍는 작업을 먼저 수행하는 것이 아니라 맨 아랫줄에 있는 server has started 로그를 먼저 출력하게 된다.

비동기방식의 결과를 보여주는 소스로 볼 수 있을 듯하다.

그리고 공식 사이트에서 readFile의 메뉴얼을 보게되면

fs.readFile(path[, options], callback)

path야 파일 경로일테고 옵션은 목적에따라 달리 줄 수 있는 형태일텐데 callback이라는 애가 좀 낯설다

Callback Function??

이론적 의미가 솔직히 잘 이해가 되지 않아서 다짜고짜 콜백함수를 사용한 코드와 사용하지 않은 코드를 비교해보았다.

※ Callback function을 사용하지 않은 코드

var fs = require('fs');
 
var data = fs.readFileSync('input.txt');
 
console.log(data.toString());
console.log('End');

결과 값 (input.txt파일에는 callback test라는 data가 써져있음)

callback test

End

※ Callback function을 사용한 코드

var fs = require('fs');
 
fs.readFile('input.txt',function(err,data){
    if (err) return console.err(err);
    console.log(data.toString());
});
console.log('end');