📍 시작 예전부터 다크 모드를 구현하고 싶었다. 이번 기회에 공부할 수 있었던 계기가 되었다. 여러 가지 방법이 있었지만 body에 테마 스타일을 지정하고 와 theme속성을 활용하는 대중적인 방법을 선택하게 되었다. 토글 버튼 클릭 시 테마가 변경되고 새로고침 해도 유지되어야 하기에 localStorage도 같이 활용했다. 🥹 문제 전역으로 상태를 관리할까 했지만 localStorage에 저장하기에 할 필요가 없다 생각했다. const themeMode = localStorage.getItem('THEME'); const handlerTheme = () => { if (themeMode === 'dark') { localStorage.setItem('THEME', 'light'); } else { lo..
다크모드 구현 하기 (react, reduxToolkit, styled components)
📍 시작 예전부터 다크 모드를 구현하고 싶었다. 이번 기회에 공부할 수 있었던 계기가 되었다. 여러 가지 방법이 있었지만 body에 테마 스타일을 지정하고 와 theme속성을 활용하는 대중적인 방법을 선택하게 되었다. 토글 버튼 클릭 시 테마가 변경되고 새로고침 해도 유지되어야 하기에 localStorage도 같이 활용했다. 🥹 문제 전역으로 상태를 관리할까 했지만 localStorage에 저장하기에 할 필요가 없다 생각했다. const themeMode = localStorage.getItem('THEME'); const handlerTheme = () => { if (themeMode === 'dark') { localStorage.setItem('THEME', 'light'); } else { lo..
2023.10.27