Node.js 기본 및 간단한 쿠키 앱 개발

1. Http에서 리소스 확인 하는 방법

크롬 클릭 → https://expressjs.com/ko/ 로 이동한다.

마우스 우 클릭 후 검사 → 아래와 같은 리소스들을 확인 가능 그리고 가장 위에 있는 파일이 html 파일이고 해당 파일을 클릭하면 요청한 정보(Request Header)와 응답한 정보(Response Header)를 제공한다.→ 리퀘스트 헤더에 정보를 담아 전송한다.

# 웹 브라우저와 웹서버 사이에는 http 라는 통신 프로토콜을 활용해서 정보를 주고 받는데 Request Header와 Response Header 정보를 서로 교환하면서 상호 작용을 한다.

2. Cookie에 대해 알아본다.

쿠키 정보를 활용하여 이전에 접속한 웹브라우저 정보를 가지고 있다가 얼마 후 다시 접속 하면 해당 접속 정보를 가지고 있으므로 웹 정보를 빠르게 보여줄 수 있다.

쿠키 → 세션 → 인증 이라는 흐름 이다.

쿠키 정보 확인 : 크롬에서 마우스 우측 클릭 → 검사 → 리소스 → 쿠키 에서 쿠키 정보를 확인 할 수 있다.

 - Node.js 기본환경 설정은 아래의 URL을 확인한다.

2023.02.23 - [Node.js] - Node.js를 vs code에서 실행하기

Node.js를 vs code에서 실행하기

- 에러 해결

Error: Cannot find module 'express'

- 해결

npm install {library_name} --save

npm install express --save

- 간단한 테스트 코드 작성

var express = require ('express');
var app = express();

app.listen(3003, function() {
    console.log('Connected 3003 port!!!')
});

- 실행

\Node.js> node .\app.cookie.js
Connected 3003 port!!!

- 웹에서 붙으면 아래와 같이 나옴

3. 공식 문서 활용한 라이브러리 찾기

- cooke-parser 라이브러리 설치 후 적용

npm install cookie-parser

- 참고 방법

4. 새로고침 시 카운터가 올라가는 사이트 개발

- 아래와 같이 표시됨

- 코드 확인

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

app.use(cookieParser())
app.get('/count', function(req, res) {
    if (req.cookies.count) {
        var count = parseInt(req.cookies.count); //parseInt라는 함수를 활용해서 req.cookies.count 값을 강제 숫자화
    } else {
      var count = 0;  
    }

    count = count+1;
    res.cookie('count', count);
    res.send('count : '+ count);
});

app.listen(3003, function() {
    console.log('Connected 3003 port!!!')
});