[ Node.js ] - node.js란? ( + 기본 코드 )

Node.js

👉 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임이다.

node.js는 서버 실행용으로 주로 사용된다.

• 런타임 : 특정 언어로 만든 프로그램들을 실행할 수 있는 환경
• 서버 : 네트워크를 통해 클라이언트 정보나 서비스를 제공하는 컴퓨터 또는 프로그램
• 클라이언트 : 요청을 보내는 주체로, 주로 브라우저를 의미한다.( 모바일 앱이나, 다른 서버에 요청을 봬는 서버도 클라이언트가 될 수 있다. )

특성

✔ 이벤트기반

이벤트가 발생할 때 사전에 짜여진 작업을 수행한다. 즉 특정 이벤트 발생 시 해당 이벤트에 설정해둔 콜백함수를 호출한다. 호출된 함수들은 순서대로 호출 스택에 들어가고 함수 실행이 완료되면 호출 스택에서 마지막에 들어간 호출부터 지워지게 된다. 즉 후입선출(LIFO: Last In First Out)이다.

✔ 논블로킹 I/O

이전 작업이 완료되기 전에 다른 작업을 수행하는 것이다. (블로킹은 이전 작업이 모두 완료된 후에 다른 작업 수행이 가능하다.) 노드는 I/O작업을 백그라운드에 넘겨 동시에 처리한다.

* I/O란?
주로 libuv가 지원하는 시스템 디스크나 네트워크와 상호작용하는 것을 의미한다.
즉 파일을 읽거나 파일쓰기, 폴더 만들기 등 파일시스템 접근이나 네트워크를 통한 요청 등이 이에 해당된다.
* libuv : 이벤트 루프를 기반으로 비동기 I/O를 지원하는 다중 플랫폼 C 라이브러리이다.

논블로킹 방식으로 코드를 짜는 것은 작업 실행의 성능을 높여준다.

ex) 논블로킹 예시

node.js의 경우 '시작'을 출력한 이후에 '작업 완료' 가 출력하는 작업이 완료되지 않았더라도 다음 작업을 실행한다.

function longRunningTask() {
	// 오래 걸리는 작업
	console.log('작업 완료');
};

console.log('시작');

setTimeout(longRunningTask,1);

console.log('다음작업');
// 위의 코드 실행시
// 시작 -> 다음작업 -> 작업완료

node.js 표준 라이브러리의 모든 I/O 메서드는 논블로킹인 비동기 방식을 제공하고 콜백 함수를 받는다.

하지만 작업을 하다보면 이전의 작업이 모두 완료된 후에 다음 작업을 실행해야 하는 경우가 있다. 아래의 코드가 그 예시이다.

const fs = requir('fs');
fs.readFile('/file.md',(err,data) => {
    if(err) throw err;
    console.log(data);I/O
});
fs.unlinkSync('/file.md');
// 위 코드의 문제점은 I/O가 논블로킹 방식으로 이루어지기 때문에 앞에서 fs 파일이
// 다 읽혀지기도 전에 unlinkSync()가 실행되어 파일이 제거될 위험이 있다.
// 그러므로 코드는 아래와 같이 수정되어야 함.

const fs = require('fs');
fs.readFile('/file.md',(readFileErr,data) => {
    if(readFileErr) throw readFileErr;
    console.log(data);
    fs.unlink('/file.md',(funlinkErr) => {
    	if(unlinkErr) throw unlinkErr;
    })
})

또는 promise나 async await 를 사용하여 이전 작업이 완료된 후 다음 작업을 실행하도록 동기식으로 구현할 수 있다.

✔ 싱글스레드

node.js는 싱글 스레드이다.

🌞 이해를 돕는 아주 좋은 예시
점원이 한 손님의 주문을 받고 주방에 주문내역을 넘긴 뒤 다음 손님의 주문을 받습니다. 점원은 요리가 끝나기 까지 기다리지 않고, 주문내역만 주방에 계속 전달하고, 주방에서 요리가 완료되면 완료된 순서대로 손님에게 서빙합니다. 요리의 특성(블로킹인지 논블로킹인지)에 따라 완료되는 순서가 달라질 수 있어, 주문의 들어온 순서와 서빙하는 순서가 일치하지 않을 수 있습니다.
요리를 하는 시간이 오래 걸린다면( CPU가 많이 소모되는 작업 ) 주문이 많이 들어오면  버거울 수 있다.
즉 싱글스레드 == 점원 한 명

✅ NPM (=Node Package Manager)

✔ Package.json

설치된 패키지의 버전을 관리해주는 파일이다.

> npm init
> npm install [ 패키지명 ]
> npm uninstall [ 패키지명 ]

✔ express

javascript로 작성되고 Node.js 런타임 환경에서 구동되는 웹 프레임워크이다.

- app.all( [ 경로 ] , [ 콜백함수 ] )
// 모든 요청 메서드 ( get, post, delete, put ...)에 대하여 해당 경로로 들어올 때 두번째 인자로 준 콜백함수가 실행된다.
app.all('/user', ()=>{console.log( '로그인 하였습니다.' )});
// 어떤 메서드로 요청하냐에 상관없이 /user로 요청한 경우 '로그인 하였습니다.'를 출력해준다.

- app.use( [미들웨어] ) or - app.use([경로], [라우트])
app.use(cookieParser()) 
// 해당 서버에서 cookieParser를 사용.
const api = require('./api'); // api는 라우트 파일
app.use('/api', api);
// '/api' 경로로 들어오는 요청에 대해 api 를 사용한다.

요청메서드

• get
• post
• put
• delete
• ...

응답메서드

• res.json().    // 응답을 json 형식으로 반환
• res.download()  // 파일이 다운로드되도록 프롬프트
• res.end() // 응답 프로세스 종료
• res.redirect() // 경로 재지정
• res.render() // 인자값으로 준 템플릿을 보여준다.
• res.send()  // 인자값 그대로 출력
• res.sendFile()  // 인자값으로 준 파일을 화면에 출력
• res.sendStatus()  // 해당 상태 코드를 봔환

app.use( [미들웨어] ) or app.use([경로], [라우트])
app.use(cookieParser()) 
// 해당 서버에서 cookieParser를 사용.
const api = require('./api'); // api는 라우트 파일
app.use('/api', api);
// '/api' 경로로 들어오는 요청에 대해 api 를 사용한다.

기본 코드

const express = require('express')
const app = express()
require('dotenv').config('env')
// dotenv사용을 위한 세팅
// env 파일 안에 PORT=3010 이와 같이 키=값 형식으로 저장후
// 실제 사용시에는 아래와 같이 process.env.PORT 이렇게 사용 
// ||는 만약에 해당 키가 존재하지 않을 경우 3010의 값을 사용하겠다.
const port = process.env.PORT||3010
const morgan = require('morgan')
// morgan 미들웨어는 logging 즉 상태에 대한 기록을 보여주는 미들웨어
const cookieParser = require('cookie-parser')
const bodyParser = require('body-parser')
// 쿠키 파싱을 돕는 미들웨어

app.use(express.urlencoded({extended:false}))

app.use(morgan(':method:url'))
// method와 url에 대한 정보만 보여줌
//app.use(morgan('tiny'));
// morgan()의 안에 오는 인자에 따라 보여주는 내용이 다르다.
// http://expressjs.com/en/resources/middleware/morgan.html 관련 
app.use(cookieParser())
// cookie-parser사용
// req를 통해 cookies 객체에 접근 가능

app.get('/',(req,res)=>{    
    if(req.cookies.remember){ 
        // cookie-parser를 통해 request객체의 쿠키에 접근 가능
        // 즉 해당 /에 들어왔을 때 쿠키에 remember이 있다면 아래의 내용을 실행
        //console.log('if')
        res.send('Remembered :).Click to <a href="/forget">forget</a>')        
    }else{
        // remember이 없다면
        // 아래의 내용을 실행
        //console.log('else')
        res.send('<form method="post"><p>check to<label>'
        +'<input type="checkbox" name="remember"/> remberer me</label>'
        +'<input type="submit" value="제출"/>0</p></form>')
    }    
})

app.get('./forget',function(req,res){
    res.clearCookie('remberer');
    res.redirect('back');
})

app.post('/',(req,res)=>{
    let min = 60000
    if(req.body.remember) res.cookie('remember',1,{maxAge:min})
    res.redirect('back')
})

app.listen(port,()=>{
    console.log(`server start port${port}`)
    
})

서버와 데이터 베이스 연결하기

> npm install mysql
// mysql로 연결시 에러나는 경우 mysql2로 사용한다.

const mysql = require('mysql');
const connection = mysql.createConnection({
	host: 'localhost',
    user: 'root',
    password: 'root'
});
// 위의 설정은 실제 사용자의 컴퓨터에 설정된 것을 사용한다.

connection.connect();

// 사용할 때는 아래와 같이 사용한다.
// board 테이블이 존재한다고 가정
connection.query(`SELECT * FROM board`, (err, rows, fields) => {
	if(err) throw err;
    console.log(rows);
});

connection.end();