[javascript] Nuxt.js에서의 쿠키(cookie) 처리 방법은?

cookie-universal-nuxt 패키지는 Nuxt.js 애플리케이션에서 간편하게 쿠키를 설정하고 사용할 수 있도록 도와줍니다. 이 패키지를 사용하려면 다음과 같이 설치합니다:

npm install cookie-universal-nuxt

설치 후, Nuxt.js 애플리케이션의 plugins 디렉토리에 cookie-universal-nuxt.js와 같은 이름의 파일을 생성하고 다음과 같이 설정합니다:

import Vue from 'vue'
import VueCookie from 'cookie-universal-nuxt'

Vue.use(VueCookie)

2. 쿠키 설정 및 사용

쿠키를 설정하고 사용하기 위해서는 다음과 같이 this.$cookies를 사용합니다:

// 쿠키 설정
this.$cookies.set('cookieName', 'cookieValue')

// 쿠키 가져오기
const value = this.$cookies.get('cookieName')

// 쿠키 삭제
this.$cookies.remove('cookieName')

3. 옵션 설정

cookie-universal-nuxt 패키지를 초기화할 때 옵션을 설정할 수도 있습니다. 예를 들어, 쿠키의 만료 일자 및 경로를 설정할 수 있습니다:

this.$cookies.set('cookieName', 'cookieValue', {
  path: '/',
  maxAge: 60 * 60 * 24 // 24시간 동안 유지
})

위와 같이 Nuxt.js에서 쿠키를 사용할 수 있으며, 이를 활용하여 필요한 기능을 구현할 수 있습니다.

더 자세한 내용은 cookie-universal-nuxt 공식 문서를 참고하시기 바랍니다.