프론트엔드

js-cookie

느바 2025. 5. 3. 11:59
반응형

js-cookie

js-cookie는 JavaScript에서 쿠키를 쉽게 설정하고 관리할 수 있도록 도와주는 작은 NPM 라이브러리입니다. 순수 JavaScript로 작성되었으며, 브라우저에서 쿠키를 간단하게 생성, 조회, 삭제할 수 있게 해줍니다.


주요 기능

1. 쿠키 설정 (Set a cookie)

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

 

  • 기본적으로 path=/로 설정되며, 브라우저를 닫아도 유지됩니다.
  • 유효기간 설정도 가능:
Cookies.set('name', 'value', { expires: 7 }); // 7일 동안 유지

2. 쿠키 읽기 (Get a cookie)

Cookies.get('name'); // => 'value'

3. 쿠키 삭제 (Delete a cookie)

Cookies.remove('name');

4. JSON 객체 저장 및 로드

Cookies.set('user', { name: 'Alice' }); // 자동으로 JSON.stringify
const user = Cookies.getJSON('user');  // 자동으로 JSON.parse

5. 보안 옵션 (Secure)

Cookies.set('name', 'value', { secure: true }); // HTTPS에서만 전송됨

설치 방법

npm install js-cookie

또는 브라우저에서 CDN으로 직접 사용 가능:

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

참고 사항

  • document.cookie의 복잡한 구문을 추상화해 줘서 더 편리합니다.
  • 서버 사이드(Node.js)에서는 작동하지 않으며, 클라이언트 브라우저 환경에서만 사용됩니다.

https://www.npmjs.com/package/js-cookie

 

js-cookie

A simple, lightweight JavaScript API for handling cookies. Latest version: 3.0.5, last published: 2 years ago. Start using js-cookie in your project by running `npm i js-cookie`. There are 9009 other projects in the npm registry using js-cookie.

www.npmjs.com