TIL 56 - 2: [인증/보안] 기초

이번 스프린트는 이전 섹션3에서 배웠던 내용들을 많이 다루어볼 수 있어서 복습하는데 유용했습니다. 덕분에 데이터베이스, 서버, 클라이언트가 어떻게 연결되어있고, 데이터들이 어떻게 이동하는지를 볼 수 있었습니다. 

 

Session

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

방문자가 웹 서버에 접속해 있는 상태(사용자가 인증에 성공한 상태)를 하나의 단위로 보고 그것을 세션이라 합니다.

 

브라우저와 서버간에 세션이 어떻게 이용되는지는 Sprint에서 그림으로 정리해보겠습니다!

 

이러한 세션을 대신 관리해주는 express-session이라는 미들웨어가 존재합니다. 세션 아이디를 쿠키에 저장하고, 종속되는 고유한 세션 객체를 서버 메모리에 저장합니다. req.session이 바로 세션 객체이고, 세션 데이터를 저장하거나 불러오기 위해 사용합니다.

 

 

 

Sprint

로그인 할 때 Browser와 Server 사이에 세션이 어떻게 이용되는지는 아래 그림과 같습니다.

로그아웃을 할 때는 서버의 세션 정보를 삭제하고, 클라이언트의 쿠키를 갱신해야 합니다. 이 때 서버가 클라이언트의 쿠키를 임의로 삭제할 수 없기 때문에 대신 set-cookie로 세션 아이디의 키값을 무효한 값으로 갱신해야 합니다.

 

클라이언트 파트에서 fetch를 사용해서 계속 막히는 부분이 있었는데, 알고보니 배우지 않은 axios를 사용해야 했었습니다. 그래도 이전에 배웠던 fetch와 많이 비슷해서 이해하기는 쉬웠습니다. 또한 배우지 않았던 부분을 스프린트에서 제대로 사용해본 것은 거의 처음이어서 그런지 재미있었습니다! 

fetch는 브라우저의 API이기 때문에 브라우저가 아닌 node.js 환경에서는 사용이 불가능합니다. 현재 서버 환경은 node.js로 구축되어 있기 때문에 axios를 사용해야 합니다.