먼저 다크모드를 사용해보자. 셋팅을 하고 토글버튼을 만든다. // tailwind.config.js module.exports = { ... darkMode: 'class' ... }; class로 darkMode를 지정해준다. public/index.html에서 html 태그에 class="dark"가 들어가면 다크모드가 적용된다. 헤더에 토글버튼을 만들어보자. // Header.vue 사용자의 모드 설정을 무기한 저장하기 위해 세션스토리지를, 전역변수로 활용하기 위해 스토어를 사용했다. 토글버튼을 누르면 html 태그에 dark 클래스를 추가할지 삭제할지 구현했다. 이제 저장한 스토리지와 스토어를 활용하여 페이지가 로딩될 때를 처리해보자. // App.vue 루트 페이지인 App.vue에서 전역으로 ..
