• webmini life skin Ver 1.3.2 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

다크모드 깜빡임1

728x90
[Javascript]다크 모드(dark) 적용 후 페이지 전환 시 라이트 배경 깜빡이는 문제 다크모드 적용 후 페이지 전환 시 깜빡이는 문제가 생길 수 있습니다. 원인 근본적인 이유는 페이지를 읽는 순서와 적용시점 때문입니다. 책을 읽을 때 위에서부터 읽듯이 웹페이지도 위에서 부터 순차적으로 코드를 읽고 실행을 시킵니다. 다크모드 적용하는 방법은 다양합니다만, html 혹은 body에 dark 관련 class를 추가해서 제작을 했다면, 스크립가 다크를 감지해서 먼저 코드상에 적용이 되어야 합니다. ex) 그리고 css에 적용을 했을때는 [color-thema="dark"] body {background:var(--background)} 이런 식으로 적용이 되겠죠? 다른 방식으로는 body class="dark-mode" 이렇게 될 수 도 있겠네요. 해결방법은 웹페이지 로딩이 다 되고 나서 적용이..
반응형