web브라우저의 cookie

node.js실습중 쿠키에 대해 공부해 보았다.
쿠키는 우리가 웹브라우저를 이용할 때 우리가 접속한 웹브라우저에 우리에 대한 정보가 쿠키로 들어가 저장되는 것이다.
따라서 우리가 웹브라우저 접속을 끊었다가 다시 접속하면 좀전에 전송된 우리의 쿠키정보가 응답된다.

npm install cookie-parser --save

먼저 쿠키를 활용하려면, 우선 express를 install해서 불러온다음,
expressjs공식 사이트에 접속해서 cookie의 사용법에 대해 찾아보았다.
cookieParser란 것을 사용하라고 했는데, vscode를 통해 cookieparser를 install 받고 package.json에 저장시켰다.

const express = require('express');
const cookieParser = require('cookie-parser');
const app = express();

app.use(cookieParser());

이제 쿠키를 사용할 준비가 됐다.

app.listen(3000, req => {
    console.log('Connected 3000 port!');
});

그다음 3000번 포트를 이용해 요청을 받게 코드를 작성하고,

app.get('/count', (req, res) => {
    let count;
    if(req.cookies.count){
        count = parseInt(req.cookies.count);
    } else {
        count = 0;
    }
    count++
    res.cookie('count', count);
    res.send('count : ' + count);
})

localhost:3000/count주소로 접속해서

count : 숫자 의 형태가 나오게 코드를 구현하였다.
app.get이라는 첫번째 인자로 PATH(주소), 두번째 인자로 callBack함수를 받는 함수를 실행시켰고, 만약 요청들어로는 erq.cookies.count값이 존재하면 count변수에 할당하고, 없으면 count를 0으로 초기화 시킨다.
그다음 count를 1씩 증가시켜서 응답으로 웹브라우저에 보낸다.
현재는 페이지에 count가 보이게 구현해놨는데, 개발자도구에 network로 들어가서 header를 살펴보면 set-cookie에 cookie정보가 나와있다.