✔ 사용자 로그인?
- 우리가 사용하는 web은 http기반의 요청(request)과 응답(response)로 동작을 하게 됩니다.
- 즉, 서버와 클라이언트 사이에서 수많은 통신이 일어나게 됩니다.
- 웹 서버의 경우 수많은 클라이언트와 동시에 통신하게 되는데 이 과정에서 서버가 클라이언트의 요청을 식별할 필요가 있습니다. (예를 들어 장바구니 기능, 클라이언트 - 서버 간의 정보가 유지 되어야합니다.)
- 하지만 http의 특징 중 하나는 stateless하는 것 입니다.
- 즉, 각각의 요청(request)과 응답(response)은 독립적으로 일어나며 사용자의 상태를 유지 할 수 없습니다.
- 이를 해결하기 위해 http에서 사용자를 식별하기 위한 기술들이 많이 있습니다.
- 그 중에서도 가장 보편적으로 사용되는 것이 사용자 로그인 인증을 통한 사용자 식별이며, 이를 이해 하기 위해서 쿠키와 세션에 대한 개념을 알고 있어야 합니다.
✔ 쿠키(Cookie)란?
HTTP의 일종으로 사용자가 어떠한 웹 사이트를 방문할 경우,
그 사이트가 사용하고 있는 서버에서 사용자의 컴퓨터에 저장하는 작은 기록 정보 파일이다.
HTTP에서 클라이언트의 상태 정보를 클라이언트의 PC에 저장하였다가
필요시 정보를 참조하거나 재사용할 수 있다.
* 쿠키의 동작 순서
- 클라이언트가 페이지를 요청한다. (사용자가 웹사이트에 접근)
- 웹 서버는 쿠키를 생성한다.
- 생성한 쿠키에 정보를 담아 HTTP 화면을 돌려줄 때, 같이 클라이언트에게 돌려준다.
- 넘겨받은 쿠키는 클라이언트가 가지고 있다가(로컬 PC에 저장) 다시 서버에 요청할 때 요청과 함께 쿠키를 전송한다.
- 동일 사이트 재방문 시 클라이언트의 PC에 해당 쿠키가 있는 경우, 요청 페이지와 함께 쿠키를 전송한다.
✔ 세션(Session)이란?
일정 시간 동안 같은 사용자(브라우저)로부터 들어오는 일련의 요구를 하나의 상태로 보고, 그 상태를 유지시키는 기술이다.
여기서 일정 시간은 방문자가 웹 브라우저를 통해 웹 서버에 접속한 시점부터 웹 브라우저를 종료하여 연결을 끝내는 시점을 말한다.
즉, 방문자가 웹 서버에 접속해 있는 상태를 하나의 단위로 보고 그것을 세션이라고 한다.
* 세션의 동작 순서
- 클라이언트가 페이지에 요청한다. (사용자가 웹사이트에 접근)
- 서버는 접근한 클라이언트의 Request-Header 필드인 Cookie를 확인하여, 클라이언트가 해당 session-id를 보냈는지 확인한다.
- session-id가 존재하지 않는다면 서버는 session-id를 생성해 클라이언트에게 돌려준다.
- 서버에서 클라이언트로 돌려준 session-id를 쿠키를 사용해 서버에 저장한다.
- 클라이언트는 재접속 시, 이 쿠키를 이용해 session-id 값을 서버에 전달
✔ 정리
- 웹 서비스에서 사용자를 식별해야 하는 경우가 있기 때문에 이를 위해 사용자 로그인을 통해 인증합니다.
- 클라이언트 - 서버 간의 같은 정보를 가지고 연결을 유지하기 위헤 쿠키 와 세션을 사용합니다.
- 클라이언트에서 요청시 서버에 Cookie를 사용하여 인증, 만약 첫 로그인 시에는 서버에서 쿠키를 생성해 response에 담아 넘겨줌
쿠키 - 세션 방식의 로그인의 경우 서버에서 사용자에 관한 정보를 가지고 있어야 하므로 서버에 부하가 있다는 단점이 있습니다. session용 db를 따로 두는 방법도 있지만 추후 서버를 확장해야 하는 상황에서 서버간에 session을 공유하는 방법도 복잡해 진다고 합니다.
이러한 단점을 보완하여 토큰 기반의 로그인 인증 방법을 사용할 수도 있습니다. 다음 글에서 JWT기반의 로그인 인증 방법에 대한 글을 작성합니다.
참조
https://stupidsecurity.tistory.com/9?category=749410
https://dev-coco.tistory.com/61
HTTP 완벽가이드 책
'CS' 카테고리의 다른 글
socket.io 딥다이브 - 개념 과 이해 (0) | 2023.06.29 |
---|---|
토큰 기반의 로그인 인증 방법 이해하기 (JWT) (4) | 2022.04.30 |
SSR CSR 차이 (0) | 2022.04.08 |
jpg, png, svg 차이, 리액트에서 svg 다루기 (0) | 2022.01.25 |
댓글