쿠키와 document.cookie
Post

쿠키와 document.cookie

들어가기

  • 임시 로그인 페이지를 만들면서 로그인 요청을 했는데, key가 쿠키에 저장되지 않고 JWT data로 반환됐다.
  • 이 경우 JWT는 Local Storage에 넣어야 하는 것인가 Session Storage에 넣어야 하는 것인가 Cookie에 넣을 수 있는 것인가? 고민하다가 Cookie에 대한 글을 읽으면서 Cookie에 대해 알아봤다.

쿠키 읽기

  • document.cookie로 쿠키를 읽을 수 있다.
  • document.cookiename=value 쌍으로 구성되어 있다.
  • 각 쌍의 구분은 ;로 구분한다.

쿠키 쓰기

  • document.cookie에 직접 값을 슬 수 있는데 데이터 프로퍼티가 아니고 접근자 프로퍼티에 쓸 수 있다.
  • document.cookie = "user=John"; -> 이름이 ‘user’인 쿠키의 값만 갱신함
  • name=value 쌍은 4KB를 넘을 수 없고 공백 등은 인코딩이 필요하다 (공백 = %20)

Reference