본문 바로가기

NPM/packages

[#. js-cookie] Cookie package 쿠키 패키지 사용해서 쿠키 set/get 하기 쿠키 사용하기

반응형

 

 

 

 

 

이전 글에 쓴 HTTP의 특징(비연결성, 상태없음) 때문에 쿠키를 사용하려고 한다

 쉽고 간편하게 사용하기 위해 cookie.js 라이브러리는 사용해보자

 

 

 

 

 

① cookie.js 설치

 

 

⑴ NPM으로 설치

npm i js-cookie

 

⑵ CDN으로 사용

<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>

 

 

둘 중 편한 방법으로 사용한다

 

 

 

② set/get

 

// default 사이트 전체에서 확인 가능
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('phone')	// undefined
Cookies.get()	// { name: 'value' }

 

 

 

③ delete

 

// path 지정하지 않은 경우
Cookies.remove('name')

// path 지정한 경우 {path: ''} 쿠키가 현재 경로에 있기 때문에 현재 경로에서만 remove 해야함
Cookies.remove('name', {path: ''})

 

 

 

 

 

github.com/js-cookie/js-cookie

 

js-cookie/js-cookie

A simple, lightweight JavaScript API for handling browser cookies - js-cookie/js-cookie

github.com

 

 

 

 

 

 

반응형