1. Cookie 옵션
Secure : 웹브라우저와 웹서버가 https로 통신하는 경우만 웹브라우저가 쿠키를 서버로 전송하는 옵션
HttpOnly : 자바스크립트의 document.cookie를 이용해 쿠키에 접속하는 것을 막는 옵션
https://opentutorials.org/course/3387/21744
쿠키 옵션 - Secure & HttpOnly - 생활코딩
수업소개 Secure는 웹브라우저와 웹서버가 https로 통신하는 경우만 웹브라우저가 쿠키를 서버로 전송하는 옵션입니다. HttpOnly는 자바스크립트의 document.cookie를 이용해서 쿠키에 접속하는 것을
opentutorials.org
Path : 웹서버의 특정 URL에 대해서만 쿠키를 전송할 수 있다. path 속성은 웹서버의 디렉터리 단위로 지정이 가능하며, 디렉터리를 지정하면 지정한 해당 디렉터와 그 하위 경로에만 쿠키가 전송된다.
https://dololak.tistory.com/546
[서블릿/JSP] 쿠키(Cookie)의 path 속성으로 전송 URL 지정하기
이전글 [서블릿/JSP] 쿠키(Cookie)의 domain 속성 설명. 쿠키 전송 범위 설정하기 [서블릿/JSP] Servlet/JSP 환경에서 쿠키(Cookie) 사용 방법 [서블릿/JSP] 쿠키(Cookie)에 한글 데이터 저장하고 가져오기 [HTTP]..
dololak.tistory.com
SameSite : 같은 웹 사이트일 때는 (당연히) 전송된다는 것이고, 이 외에는 Top Level Navigation(웹 페이지 이동)과, "안전한" HTTP 메서드 요청의 경우 전송된다. 아래 글 참고
브라우저 쿠키와 SameSite 속성 / seob.dev
브라우저 쿠키에 대한 기본적인 내용들, 그리고 웹 개발자들에게 중요한 "SameSite" 속성을 다룹니다. "SameSite" 속성이 어떤 속성인지, 각 브라우저에서 어떻게 동작하고 있는지 알아봅니다.
seob.dev
2. 세션쿠키, 지속쿠키
세션 쿠키와 지속 쿠키
면접 공부를 하다가 세션 쿠키와 지속 쿠키에 대해 잘못 알고 있는 블로그 포스트들이 있어서 정리해보고자 합니다.세션 쿠키: 만료 시점을 정하면 세션 쿠키. 브라우저가 종료되면 쿠키는 사라
velog.io
3. Vue에서 Cookie설정 방법
https://www.npmjs.com/package/vue-cookies
vue-cookies
A simple Vue.js plugin for handling browser cookies. Latest version: 1.8.1, last published: 5 months ago. Start using vue-cookies in your project by running `npm i vue-cookies`. There are 189 other projects in the npm registry using vue-cookies.
www.npmjs.com
※ 추가 참고자료
https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies
HTTP 쿠키 - HTTP | MDN
HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이
developer.mozilla.org
'Front-end > Vue.js(Nuxt.js)' 카테고리의 다른 글
| Vue LifeCycle (0) | 2022.10.18 |
|---|---|
| 크롬으로 안드로이드 디버깅하기 (네이티브 앱과 연동) (0) | 2022.10.08 |
| axios.interceptor (0) | 2022.10.01 |
| Vue3 (0) | 2022.09.26 |
| Vue3 vuex (0) | 2022.09.26 |