클라이언트에서 요청을 보낼 때 누가 요청을 보내는지 모르는 것이 큰 단점이다
요청을 보내는 ip 주소를 받아 올 수도 있겠지만 하나의 ip주소만 사용하는 곳도 있고 하나의 컴퓨터를 여러사람이 사용 할 수도 있기 때문에 이걸로는 충분하지 않다
이때 로그인을 구현하게 되면 문제가 해결된다
로그인을 구현하려면 쿠키와 세션을 알고 있어야 한다
로그인을 하고 나면 새로고침을 해도 로그아웃이 되지 않고 유지된다
이것은 클라이언트가 서버에 내가 누구라고 계속 알려주고 있기 때문인데
내가 누구인지 기억하기 위해서 서버는 요청에 대한 응답을 할 때 쿠키를 같이 보낸다
쿠키란?
유효기간이 있고 name=mango 와 같은 키-값의 쌍이다
1. 웹사이트로 들어가게 되면 서버가 일방적으로 쿠키(작은데이터)를 보내고
2. 웹브라우저는 쿠키를 저장해뒀다가 다음 요청부터는 쿠키를 같이 보낸다
3. 서버는 요청에 들어있는 쿠키를 읽어 사용자가 누군지 알 수 있다
- 브라우저는 쿠키가 있다면 자동으로 보내주기 때문에 구현 할 필요가 없고 서버에서 브라우저로 쿠키를 보내는 것만 작성하면 된다
- 서버는 클라이언트에 인증정보를 담은 쿠키를 전송하고, 클라이언트는 전달받은 쿠키를 요청과 같이 전송하여 Stateless 한 인터넷 연결을 Stateful 하게 유지할 수 있다
Cookie의 특징
서버가 클라이언트에 데이터를 저장할 수 있다
서버는 쿠키를 이용하여 데이터를 저장하고 원할 때 이 데이터를 다시 불러와 사용할 수 있는데 아무 때나 데이터를 가져올 수 있는 것은 아니고 데이터를 저장한 이후 특정 조건(쿠키옵션)들이 만족하는 경우에만 다시 가져올 수 있다
쿠키옵션
1) Domain
쿠키 옵션에서 도메인 정보가 존재한다면 클라이언트에서는 쿠키의 도메인 옵션과 서버의 도메인이 일치해야만 쿠키를 전송할 수 있다
쿠키 옵션에서 도메인은 포트 및 서브 도메인 정보, 세부 경로를 포함하지 않기 때문에 요청해야 할 URL이 http://www.localhost.com:3000/users/login 이라면 여기에서 Domain은 localhost.com이 된다
2) Path
세부 경로는 서버가 라우팅할 때 사용하는 경로다
만약 요청해야 하는 URL이 http://www.localhost.com:3000/users/login 이라면 여기에서 Path, 세부 경로는
/users/login이 됩니다.
명시하지 않으면 기본으로 / 으로 설정되어 있습니다.
Path 옵션의 특징은 설정된 path를 전부 만족하는 경우 요청하는 Path가 추가로 더 존재하더라도 쿠키를 서버에 전송할 수 있다
즉 Path가 /users로 설정되어 있고, 요청하는 세부 경로가 /users/login 인 경우라면 쿠키 전송이 가능하다
하지만 /user/login으로 전송되는 요청은 Path 옵션을 만족하지 못하기 때문에 서버로 쿠키를 전송할 수 없다
3) MaxAge or Expires
쿠키가 유효한 기간을 정하는 옵션
MaxAge는 앞으로 몇 초 동안 쿠키가 유효한지 설정하는 옵션
Expires 언제까지 유효한지 Date를 지정
클라이언트의 시간을 기준으로 하고 지정한 시간, 날짜를 초과하면 쿠키는 자동으로 파괴된다
- 두 옵션이 모두 지정하지 않았을 때는 브라우저의 탭을 닫아야 쿠키를 제거할 수 있다
4) Secure
쿠키를 전송해야 할 때 사용하는 프로토콜에 따른 쿠키 전송 여부를 결정한다
해당 옵션이 true로 설정된 경우, 'HTTPS' 프로토콜을 이용하여 통신하는 경우에만 쿠키를 전송할 수 있다
5) HttpOnly
자바스크립트에서 브라우저의 쿠키에 접근 여부를 결정한다
해당 옵션이 true로 설정된 경우, 자바스크립트에서 쿠키에 접근 할 수 없다
기본으로 false로 지정되어 있으나 false인 경우 자바스크립트에서 쿠키에 접근이 가능해서 'XSS' 공격에 취약하다
6) SameSite
Cross-Origin 요청을 받은 경우 요청에서 사용한 메소드와 해당 옵션의 조합으로 서버의 쿠키 전송 여부를 결정하게 된다
Lax :Cross-Origin 요청이면 'GET' 메소드에 대해서만 쿠키를 전송할 수 있다
Strict : Cross-Origin이 아닌 same-site 인 경우에만 쿠키를 전송 할 수 있다
None: 항상 쿠키를 보내줄 수 있다 하지만 쿠키 옵션 중 Secure 옵션이 필요하다
same-site : 요청을 보낸 Origin과 서버의 도메인이 같은 경우
위와 같은 옵션을 지정하고 서버에서 클라이언트로 쿠키를 처음 전송하게 된다면 헤더에 Set-Cookie라는 프로퍼티에 쿠키를 담아 쿠키를 전송한다
이후 클라이언트 혹은 서버에서 쿠키를 전송해야 한다면 클라이언트는 헤더에 Cookie라는 프로퍼티에 쿠키를 담아 서버에 쿠키를 전송하게 된다
