Cute Bow Tie Hearts Blinking Pink Pointer

백엔드/Node.js

[nodejs]쿠키, 세션, 미들웨어, 라우팅

청포도 에이드 2022. 2. 8. 17:06
728x90

 

 

 

 

목차

 

- 쿠키(Cookie)란?

- 세션(Session)이란?

- 쿠키와 세션의 차이

- 미들웨어란?

- 라우팅이란?

 

 

쿠키란?

 

HTTP의 일종으로 사용자가 어떠한 웹 사이트를 방문할 경우,

그 사이트가 사용하고 있는 서버에서 사용자의 컴퓨터에 저장하는 작은 기록 정보 파일이다.

HTTP에서 클라이언트의 상태 정보를 클라이언트의 PC에 저장하였다가 필요시 정보를 참조하거나 재사용할 수 있다.

 

 

 

  • 쿠키 특징
    1. 이름, 값, 만료일(저장기간), 경로 정보로 구성되어 있다.
    2. 클라이언트에 총 300개의 쿠키를 저장할 수 있다.
    3. 하나의 도메인 당 20개의 쿠키를 가질 수 있다.
    4. 하나의 쿠키는 4KB(=4096byte)까지 저장 가능하다.
  • 쿠키의 동작 순서
    1. 클라이언트가 페이지를 요청한다. (사용자가 웹사이트에 접근)
    2. 웹 서버는 쿠키를 생성한다.
    3. 생성한 쿠키에 정보를 담아 HTTP 화면을 돌려줄 때, 같이 클라이언트에게 돌려준다.
    4. 넘겨받은 쿠키는 클라이언트가 가지고 있다가(로컬 PC에 저장) 다시 서버에 요청할 때 요청과 함께 쿠키를 전송한다.
    5. 동일 사이트 재방문 시 클라이언트의 PC에 해당 쿠키가 있는 경우, 요청 페이지와 함께 쿠키를 전송한다.
  • 사용 예시
    1. 방문 사이트에서 로그인 시, "아이디와 비밀번호를 저장하시겠습니까?"
    2. 팝업창을 통해 "오늘 이 창을 다시 보지 않기" 체크



 

세션이란?

 

일정 시간 동안 같은 사용자(브라우저)로부터 들어오는 일련의 요구를 하나의 상태로 보고, 그 상태를 유지시키는 기술이다.

여기서 일정 시간은 방문자가 웹 브라우저를 통해 웹 서버에 접속한 시점부터 웹 브라우저를 종료하여 연결을 끝내는 시점을 말한다.

즉, 방문자가 웹 서버에 접속해 있는 상태를 하나의 단위로 보고 그것을 세션이라고 한다.

 

 

  • 세션 특징
    1. 웹 서버에 웹 컨테이너의 상태를 유지하기 위한 정보를 저장한다.
    2. 웹 서버의 저장되는 쿠키(=세션 쿠키)
    3. 브라우저를 닫거나, 서버에서 세션을 삭제했을 때만 삭제가 되므로, 쿠키보다 비교적 보안이 좋다.
    4. 저장 데이터에 제한이 없다. (서버 용량이 허용하는 한에서)
    5. 각 클라이언트에 고유 Session ID를 부여한다. Session ID로 클라이언트를 구분해 각 요구에 맞는 서비스를 제공
  • 세션의 동작 순서
    1. 클라이언트가 페이지에 요청한다. (사용자가 웹사이트에 접근)
    2. 서버는 접근한 클라이언트의 Request-Header 필드인 Cookie를 확인하여, 클라이언트가 해당 session-id를 보냈는지 확인한다.
    3. session-id가 존재하지 않는다면 서버는 session-id를 생성해 클라이언트에게 돌려준다.
    4. 서버에서 클라이언트로 돌려준 session-id를 쿠키를 사용해 서버에 저장한다.
    5. 클라이언트는 재접속 시, 이 쿠키를 이용해 session-id 값을 서버에 전달
  • 사용 예시
    • 화면을 이동해도 로그인이 풀리지 않고 로그아웃하기 전까지 유지

 

쿠키와 세션의 차이점

 

  • 쿠키와 세션은 비슷한 역할을 하며, 동작 원리도 비슷하다. 그 이유는 세션도 결국 쿠키를 사용하기 때문이다.
  • 큰 차이점은 사용자의 정보가 저장되는 위치이다. 쿠키는 서버의 자원을 전혀 사용하지 않으며, 세션은 서버의 자원을 사용한다.
  • 보안 면에서 세션이 더 우수하며,
  • 쿠키는 클라이언트 로컬에 저장되기 때문에 변질되거나 request에서 스니핑 당할 우려가 있어서 보안에 취약하지만
  • 세션은 쿠키를 이용해서 session-id만 저장하고 그것으로 구분하여 서버에서 처리하기 때문에 비교적 보안성이 높다.
  • 라이프 사이클은 쿠키도 만료기간이 있지만 파일로 저장되기 때문에 브라우저를 종료해도 정보가 유지될 수 있다. 또한 만료기간을 따로 지정해 쿠키를 삭제할 때까지 유지할 수도 있다.
  • 반면에 세션도 만료기간을 정할 수 있지만, 브라우저가 종료되면 만료기간에 상관없이 삭제된다.
  • 속도 면에서 쿠키가 더 우수하며,
  • 쿠키는 쿠키에 정보가 있기 때문에 서버에 요청 시 속도가 빠르고
  • 세션은 정보가 서버에 있기 때문에 처리가 요구되어 비교적 느린 속도를 낸다.

보통 쿠키와 세션의 차이에 대해서 저장 위치와 보안에 대해서는 잘 알고 있지만, 사실 가장 중요한 것은 라이프사이클이다.



출처: https://dev-coco.tistory.com/61 [슬기로운 개발생활😃]



미들웨어란?

 

미들웨어 req, res, next를 가진 함수입니다.

  • req
    클라이언트에서 오는 요청 정보가 담긴 객체
  • res
    서버가 응답해주는 응답 정보가 담긴 객체
  • next
    next 함수를 호출하면 현재 미들웨어에 이어서 다음 미들웨어 실행합니다.

미들웨어의 종류

  • app에서 사용하는 미들웨어
    내 어플리케이션 전반에서 사용하는 미들웨어다.
  • router에 사용하는 미들웨어
    app에서 사용하는 미들웨어와 같지만 사용 범위 라우터로 정해진다.
  • 에러 처리 미들웨어
    다른 미들웨어와 다르게 4개의 매개변수를 가진다.
    에러를 처리하는 목적으로 만들어진 미들웨어다.
  • 빌트 인 미들웨어
  • 서드 파티 미들웨어
    npm으로 설치하는 미들웨어들을 말한다.

미들웨어 함수가 하는 일

  • 어떤 코드든지 실행하기
  • 리퀘스트와 리스폰 객체 수정하기
  • 리퀘스트-리스폰의 순환을 끝내기
  • 다음 미들웨어를 호출해서 스택에 넣기 = next( )

출처 - express 공식 사이트

 

 next()를 하면 바로 다음 미들웨어로 이동한다.

만약 next('route')라고 사용한다면 다음 미들웨어가 아닌 다음 라우터로 바로 이동한다.

 

빌트-인 미들웨어

4.x버전부터 내장된 미들웨어들이다.

  • express.static정적인 파일 - html, css, image 등
  • 정적 파일을 사용하기 위한 경로를 설정하는 미들웨어
  • express.json
  • JSON 형식의 리퀘스트 데이터를 파서(해석)할 수 있도록 하는 미들웨어
  • express.urlencodedURL-encoded형식의 리퀘스트 데이터를 파서(해석)할 수 있도록하는 미들웨어참고자료req

 

출처 : https://12ahn22.tistory.com/entry/express-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4-%EB%BD%80%EA%B0%9C%EA%B8%B0

 

 

 

 

[express] - 미들웨어 뽀개기

미들웨어를 사용하는데, 미들웨어 자체에 대한 이해도가 떨어져어려움을 겪고 있어서 쓰는 글 참고자료 Writing middleware for use in Express apps 🍳 미들웨어 미들웨어는 req, res, next를 가진 함수입니다

12ahn22.tistory.com

 

 

 

 

라우팅

 

 

https://edu.goorm.io/learn/lecture/557/%ED%95%9C-%EB%88%88%EC%97%90-%EB%81%9D%EB%82%B4%EB%8A%94-node-js/lesson/222716/%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%9D%BC%EC%9A%B0%ED%8C%85

 

구름EDU - 모두를 위한 맞춤형 IT교육

구름EDU는 모두를 위한 맞춤형 IT교육 플랫폼입니다. 개인/학교/기업 및 기관 별 최적화된 IT교육 솔루션을 경험해보세요. 기초부터 실무 프로그래밍 교육, 전국 초중고/대학교 온라인 강의, 기업/

edu.goorm.io

위 링크 참고

728x90