쿠키와 세션

들어가기 전! (HTTP의 특징)

HTTP(HyperText Transfer Protocol)

• 인터넷 상에서 데이터를 주고 받기 위해 서버/클라이언트 모델을 따르는 통신규약
• 비연결성(Connectionless) & 비상태성(Stateless)
• 서버의 자원을 절약하기 위해 모든 사용자의 요청마다 연결과 해제의 과정을 거치기 때문에 연결 상태가 유지되지 않고, 연결 해제 후에 상태 정보가 저장되지 않는 것
• 이로 인해 사용자를 식별할 수 없어서 같은 사용자가 요청을 여러번 하더라도 매번 새로운 사용자로 인식하는 단점

🍪쿠키, 세션을 왜 쓰나요?

하지만 우리가 사용하고 있는 웹사이트를 생각해보면
로그인을 한 번 하고나면 그 사이트에서는 다시 로그인할 필요 없이
여러 페이지의 기능들을 이용할 수 있고 
심지어 브라우저를 종료했다가 나중에 다시 접속했을 때도 
그 로그인 상태를 유지할 수도 있습니다.

HTTP의 비연결성과 비상태성을 보완하여 서버가 클라이언트를 식별하게 해주기 위해 쿠키와 세션을 사용!

🍪쿠키가 뭔가요?

✨개념

• 내가 가지고 있으면서 서버를 이용할 때 마다 보여주는 것
• 웹사이트에 접속할 때 생성되는 정보를 담은 임시 파일
• 쿠키는 클라이언트 로컬에 저장되는 Key-Value쌍의 작은 데이터 파일 (String형태)

브라우저마다 저장되는 쿠키가 다름! 크롬으로 남긴 쿠키는 인터넷 익스플로어에서 사용 불가 서버에서는 브라우저가 다르면 다른 사용자로 인식

✨쿠키의 사용 목적 및 예시

• 쿠키가 있기 때문에 여러 페이지를 이동할 때마다 로그인을 하지 않고 사용자 정보를 유지할 수 있음
• 쿠키가 없다면 다음 페이지로 정보를 넘겨 주어야 함

**### 쿠키 사용 목적**
**1.세션 관리(Session Management)** 
로그인, 사용자 닉네임, 접속 시간, 장바구니 등의 서버가 알아야할 정보들을 저장
**2.개인화(Personalization)** 
사용자마다 다르게 그 사람에 적절한 페이지를 보여줄 수 있음
**3.트래킹(Tracking)** 
사용자의 행동과 패턴을 분석하고 기록

• 사용 예시
  • ID저장, 로그인 상태 유지
  • 일주일 간 다시 보지 않기
  • 최근 검색한 상품들을 광고에서 추천
  • 쇼핑몰 장바구니 기능

✨ 쿠키의 동작 순서

1.클라이언트가 페이지를 요청한다. (사용자가 웹사이트에 접근)
2.웹 서버는 쿠키를 생성한다.
3.생성한 쿠키에 정보를 담아 HTTP 화면을 돌려줄 때, 같이 클라이언트에게 돌려준다.
4.넘겨받은 쿠키는 클라이언트가 가지고 있다가(로컬 PC에 저장) 다시 서버에 요청할 때 요청과 함께 쿠키를 전송한다.
5.동일 사이트 재방문 시 클라이언트의 PC에 해당 쿠키가 있는 경우, 요청 페이지와 함께 쿠키를 전송한다.

✨쿠키의 단점

• 방문했던 웹 사이트에 대한 정보 및 개인정보가 기록되기 때문에 사생활을 침해할 소지가 있음
  • 이를 해소하기 위해 웹 브라우저 자체에 쿠키 거부 기능이 있음
  • 하지만 쿠키에 대한 거부가 웹 브라우저에 설정되어 있으면, 본래의 목적인 웹 브라우저와의 연결을 지속 시키는 기능을 수행할 수 없는 경우 발생
• 서버가 가지고 있는 것이 아니라 사용자에게 저장되기 때문에, 임의로 고치거나 지울 수 있고, 가로채기도 쉬워 보안이 취약
  • 따라서 쿠키에는 민감하거나 중요한 정보를 담는 것이 위험
• 이런 단점을 보완해주는 것이 바로 세션

🍪세션이 뭔가요?

✨개념

• 브라우저가 종료되기 전까지 클라이언트의 요청을 유지하게 해주는 기술

✨세션의 특징

• 웹 브라우저 당 1개씩 생성되어 웹 컨테이너에 저장되며 브라우저 종료 시 소멸
• 로그인한 사용자에 대해서만 세션을 생성 하는 게 아닌
• 로그아웃 시에도 새로운 사용자로 인식해 새로운 세션이 생성
  • 쿠키의 경우는 내 웹브라우저에 저장된 것이기 때문에 로그아웃 유무와 관계없이 삭제하지 않으면 유지
• ID, 닉네임 등의 정보를 세션에 담아두면 요청아 있을 때 마다, DB에 접근할 필요가 없어서 효율적!
• 사용자나 다른 누군가에게 노출되면 안되는 정보들은 세션으로 서비스 제공자가 직접 관리

✨세션의 동작 순서

1.클라이언트가 페이지에 요청한다. (사용자가 웹사이트에 접근)
2.서버는 접근한 클라이언트의 Request-Header 필드인 Cookie를 확인하여, 클라이언트가 해당 session-id를 보냈는지 확인한다.
3.session-id가 존재하지 않는다면 서버는 session-id를 생성해 클라이언트에게 돌려준다.
4.서버에서 클라이언트로 돌려준 session-id를 쿠키를 사용해 서버에 저장한다.
5.클라이언트는 재접속 시, 이 쿠키를 이용해 session-id 값을 서버에 전달

✨세션의 사용 예시

• 화면을 이동해도 로그인이 풀리지 않고 로그아웃하기 전까지 유지할 때

✨세션을 사용하면 좋은데 왜 쿠키를 사용할 까?

세션이 쿠키에 비해 보안이 높은 편이지만 쿠키를 사용하는 이유는

세션은 서버에 저장되는데, 서버의 자원을 사용하기에 서버 자원에 한계가 있고,

속도가 느려질 수 있기 때문에 자원관리 차원에서 쿠키와 세션을 적절한 요소 및 기능에 병행해 사용

서버 자원의 낭비를 방지해 웹 사이트의 속도를 높일 수 있음!

🍪쿠키와 세션의 차이는 어떤 점이 있을까요?

• 저장 위치
  • 쿠키는 로컬에,
  • 세션은 로컬과 서버에 저장
• 보안
  • 쿠키는 탈취와 변조가 가능하지만,
  • 세션은 ID값만 가지고 있고 서버에도 저장이 되어있기 때문에 상대적으로 안전
• Lifecycle
  • 쿠키는 브라우저를 종료해도 파일로 남아있지만,
  • 세션은 브라우저 종료 시 세션을 삭제
• 속도
  • 쿠키는 파일에서 읽기 때문에 상대적으로 빠르고,
  • 세션은 요청마다 서버에서 처리를 해야 하기 때문에 비교적 느림

Reference

[WEB] 쿠키, 세션이란?

[web] 쿠키(cookie)와 세션(session)의 개념/차이/용도/작동방식

쿠키(Cookie)와 세션(Session)의 차이 (+캐시(Cache))