라이트모드/다크모드 여부를 최대한 빨리 감지하여 페이지 로딩 직후 깜빡임을 줄이고, 모드가 변경되더라도 즉시 재감지하도록 개선
요거 와우! 네요.
다크모드 자동감지로 사용할 경우 한정해서 매번 기기가 다크모드인지 확인해서 다크모드인 경우 자동으로 바디 클래스를 다크모드에 맞게 변경해주는 부분이 기존에는 깜빡임이 있어서 불편했고 그래서 저의 경우는 상태를 쿠키로 한번 구운다음 해당 쿠키를 사용해서 php단에서 바디 클래스를 미리 변경해주는 방법을 사용했는데요.
패치내용을 읽고 혹시나 해서 제가 별도 구현해 놓은거 지워봤는데 깜빡이지 않고 라이트모드에서 다크모드로 전환되는 깜빡임 없이 다크모드가 잘 유지가 되네요.
제가 구현해 놓은 꼼수보다 훨씬 더 좋은 방법으로 코어에서 대비해 준거 같습니다.
기존에 있던 버그도 수정되었고 이제 라이믹스 2.0의 다크모드는 완전함 그자체 인듯 하네요.
제가 운영중인 사이트는 snax님의 slow1 버전이라서
is_dark_theme 쿠키를 통해서 수동으로 다크모드가 실행되는데요
혹시 코어에서 인식하는 유저의 다크모드 설정을 불러와서 is_dark_theme 쿠키의 값을 변화시킬수 있는 방법이 있을까요? ㅠㅠ
변화시키는 코드는 제가 쨜수 있는데
코어에서 인식한 현재 사용자의 라이트/다크모드 값을 어떻게 스킨단의 조건문에서 불러올수있는지 궁금합니다.
머릿속으로는 가능할거로 보여서 열심히 스킨을 수정해 보아도 작동을 안하네요 흐음...
쿠키만 체크해서 뭔가 하려고 하면 한박자 느린 단점이 있습니다. (기기 다크모드 검사 후 쿠키생성 방법)
그리고 쿠키 때문에 이미 전환되어야 했는데 전화되지 못하고 페이지가 새로고침될때 쿠키가 사라지고 전환되는 문제가 있죠.
이번에 코어에서 위와 같은 불편함 없이 즉시 전환이 깜빡임도 없이 잘 되게 보완이 되었네요.
사용자가 다크모드를 직접 선택하지 않으면 쿠키가 만들어지지 않을거에요. 자동으로 기기상태를 감지해야 할 걸요... 이건 제가 잘못 알고 있을지도 모르지만요...
네. 맞아요. 기기모드를 자동 감지해서 즉시 모드전환(브라우저 켜 놓고 아무것도 안해도 시간되서 기기가 자동으로 바뀌어도) 되려면 body 클래스를 기기기 상태 감지하는 즉시 교체하는 js 가 사용되야 하죠.
제가 링크해드린 팁이 그것을 코어에서 받쳐주지 않을 시기에 이미 구현한 방법인데 이번 코어패치로 일부 필요없는 부분도 생겼겠지만 그대로 따라서 구현하셔도 크게 문제가 되지 않을 겁니다.
자동모드에 대응하려면 쿠키는 최선이 아닌 차선이 됩니다.
제가 오늘 코어 패치 전까지는 기기모드를 감지한 후 기기의 모드를 쿠키로 구워서 쿠키값으로 js 감지 하지 않고도 확인할 수 있도록 꼼수를 사용했는데 깜빡임이 없어지는 대신 자동전환 될때 한타임 늦어지는 것을 감수한거죠.
관련 패치는 비누님이 제공해 주셨습니다.
아직 딱 한 가지 미흡한 부분이 있는데요, CK에디터가 있는 화면에서 글을 작성하다 말고 기기 상태를 다크모드(라이트모드)로 바꿀 경우 에디터가 제대로 따라가지 않고 도구상자와 본문 영역이 따로 노는 어정쩡한 상태가 됩니다. 이건 다음 버전에서 보완해 보려고요.