Nuxt.js 로컬 스토리지 활용 방법

Nuxt.js에서 로컬 스토리지를 활용하기 위해서는 다음의 단계를 따르면 됩니다.

1. 로컬 스토리지에 데이터 저장하기: Nuxt.js에서는 localStorage API를 사용하여 로컬 스토리지에 데이터를 저장할 수 있습니다. 예를 들어, 사용자의 설정이나 상태 정보를 로컬 스토리지에 저장할 수 있습니다.

   // 데이터 저장
   if (process.client) {
     localStorage.setItem('key', 'value');
   }
   

2. 로컬 스토리지에서 데이터 가져오기: 저장된 데이터를 다시 가져오기 위해서는 다음과 같이 localStorage.getItem을 사용할 수 있습니다.

   // 데이터 가져오기
   if (process.client) {
     const data = localStorage.getItem('key');
   }
   

로컬 스토리지를 활용하여 간단한 사용자 설정이나 상태 정보를 저장하고 가져오는 방법에 대해 알아 보았습니다.

이렇게 Nuxt.js에서 로컬 스토리지를 활용할 수 있습니다. 더 자세한 내용은 Nuxt.js 공식 문서를 참고하시기 바랍니다.