개발 일지✨

다크모드 토글버튼 구현하기

하루 2021. 12. 6. 17:21

버튼을 누르면 다크모드/라이트모드가 전환되는 토글버튼을 구현하였습니다.

체크박스의 체크가 해제되면 라이트모드, 체크되면 다크모드로 모드가 변경됩니다.

localStorage를 활용해 사용자가 지정한 모드가 저장되고, 새로고침할 때 해당 모드대로 렌더링 되도록 하였습니다.

See the Pen 다크모드 토글버튼 구현하기 by HARU (@greenyhub) on CodePen.