[Node] 쿠키의 사용법과 cookie-parser 미들웨어 설치

안녕하세요. 오늘은 Node.js의 쿠키와 세션에 대해 알아보도록 하겠습니다.

 

쿠키나 세션을 못들어보신분은 없겠죠??

 

하지만 못들어보신분들이 있을수 있기 때문에 간단한 설명과 함께 진행해보도록 하려합니다.

 

저는 실습환경으로 WebStorm과 node v8.9.3과 npm 5.3.0 버전으로 진행하였습니다.

 

 

먼저 쿠키먼저 연습해 보겠습니다.

 

다음과 같이 코드를 입력해주세요.

 

 

/**
 * Created by yunjin on 2017-12-23.
 */
let port = process.env.port || 3000;
let express = require('express');
let app = express();
let cookie = require('cookie-parser');
let router = express.Router();

app.use(cookie());
app.use('/', router);

/* 쿠키를 생성하는 URL */
router.route("/createCookie").get(function(req,res){
    const user = { "name" : "Yunjin" , "age" : 25};

    res.cookie("user",user);
    console.log("쿠키 생성 완료!");

    res.redirect("/showCookies");
});


app.listen(port, function(){
    console.log(`${port}번 포트로 서버가 실행됩니다.`);
});

 

아직은 이대로 실행을 하게 된다면 실행되지 않을것입니다. 

 

왜냐하면 쿠키를 사용하기위해서는 cookie-parser 미들웨어를 설치해야 합니다.

 

package.json이 있는 위치에서 cmd창을 열고 npm install cookie-parser을 입력해줍니다.

 

 

 

저는 이미 설치를 하였기 때문에 updated 1 package in 1.78s 가 출력되었지만 여러분들은 처음 다운받으시는거라면 다른 내용이 나오실겁니다. 

 

자 그럼 이제 설치가 잘 되었는지 확인을 해봐야겠죠??

 

package.json을 열어보면 다음 이미지처럼 dependencies에 cookie-parser이 추가된것을 확인하실수 있습니다.

 

 

 

 

자 그럼 이제 cookie-parser 미들웨어를 설치하였으니 위에 적혀있는 코드대로 실행하고 http://localhost:3000/createCookie 로 접근해보겠습니다.

 

정상적으로 Server가 구동도 되었고 URL로 접근도 되었다면 console창에 다음과 같은 내용이 출력될것입니다.

 

 

 

쿠키 생성완료!  하지만 이 console.log는 생성되었다고 하였지만 직접 생성되었는지 확인해봐야 알겠죠???

 

자 브라우저에서 F12를 눌러보겠습니다. 그후 Application을 클릭하면 user라는 키값으로 저희가 넣었던 name과 age를 확인할 수 있습니다.

 

(저는 네이버 웨일이 편하고 좋아서 네이버 웨일로 실습하였고 다른 브라우저마다 다를수 있습니다. )

 

 

 

 

이렇게 해서 쿠키를 생성하는것까지 알아봤습니다.  생각보다 어렵지는 않죠??

 

하지만 저희가 진행한 학습은 기초라는것을 알아두셔야합니다. 쿠키를 이렇게만 사용하지는 않을거기 때문이죠

 

항상 응용해서 사용해야한다는 생각을 하시면 될것같습니다.

 

다음시간에는 쿠키의 짝꿍이자 친구인 세션에대해 알아보겠습니다. 

 

틀린부분이나 오타 지적사항있으시면 댓글 부탁드리겠습니다.