웹 다크테마 적용시 에러

Question

localStorage이용하여 다크테마 적용했습니다 근데 개발자도구에서 로컬 스토리지를 확인하면 값이 다크모드로 계속 유지되는데페이지 이동시 기존테마(a)가 1초정도 깜빡거리고 다크모드(b)로 전환 됩니다.해결할 방안이 뭐가 있을까요. 페이지 이동시 body class&#61;&#34;a&#34;가 0.2초정도 호출되고 class&#61;&#34;b&#34;로 다시전환됨

howoni123 · Answer

일단 코드가 없어서 대략적으로 답변드리면 onload 사용중이시면 모든 html 로드 이후에 변경됩니다.1) vue / react / angluar 와 같은걸 사용중일 경우 component life-cycle 에 맞춰 넣어주세요2) html 파일을 읽을때 위에서부터 하나씩 읽어갑니다 div 태그 다음에 인라인 script 로 바로 변환하는 함수를 로드하세영

초보새싹 · Answer

답변 감사드립니다.답변 주신대로 한번 해보겠습니다.

웹 다크테마 적용시 에러

2개의 답변

#localstorage 목록