[JavaScript] JS-Cookie로 쿠키 다루기

Cookie란?

쿠키(cookie)란 HTTP는 웹에서 이루어지는 모든 데이터를 주고받기 위한 서버-클라이언트 모델을 따르는 프로토콜이다. HTTP의 특징 중 하나로 "상태 비저장(stateless)"이 있는데, 이 특징은 세션과 같은 사용자 정보를 저장 또는 유지하지 않는다는 것이다.

 

• 쿠키는 이름-값 쌍의 형태의 정보를 문자열로 저장한다.

 

Js-cookie는 쿠키를 처리하기 위한 단순하고 가벼운 JavaScript API이다.

 

Js cookie 설치하기

$ npm i js-cookie

 

js cookie 기본 사용법

 

쿠키 생성하기

Cookies.set('name', 'value')

{7일 후에 만료되는} 쿠키 생성하기

Cookies.set('name', 'value', { expires: 7 })

{현재 페이지 유효한} {7일 후에 만료되는} 쿠키 생성하기

Cookies.set('name', 'value', { expires: 7, path: '' })

특정 쿠키 가져오기

Cookies.get('name') // => 'value'
Cookies.get('nothing') // => undefined

모든 쿠키 가져오기

Cookies.get() // => { name: 'value' }

쿠키 제거하기

Cookies.remove('name')

쿠키를 삭제할 때는 생성할 때 작성했던 속성들을 모두 입력해줍니다.

Cookies.set('name', 'value', { path: '' })
Cookies.remove('name') // fail!
Cookies.remove('name', { path: '' }) // removed!

 

공식 문서

 

js-cookie