테마 토글은 UI 이벤트, 상태 변경, 문서 반영, 저장을 한 루프로 묶는다

버튼 클릭으로 theme state가 바뀌면 document attribute와 localStorage가 갱신되고 다음 방문의 초기값이 된다.

1

01 Click

toggle 요청

2

02 State

light/dark 변경

3

03 Document

data-theme 반영

4

04 Storage

선택 저장

핵심테마 토글은 상태 하나가 아니라 문서와 저장소까지 동기화되는 작은 상태 머신이다.