웹에서 다크모드 지원하기

웹에서 다크모드 지원하기
웹 다크모드는 body 클래스와 JavaScript로 제어해 다양한 정책을 지원할 수 있습니다. 렌더링 전 판별과 CSS 변수로 깜빡임 및 스타일 중복을 줄였습니다.
#CSS#JavaScript
1100
새로운 기술 블로그가 추가되었어요

웹 다크모드는 body 클래스와 JavaScript로 제어해 다양한 정책을 지원할 수 있습니다. 렌더링 전 판별과 CSS 변수로 깜빡임 및 스타일 중복을 줄였습니다.

SSR의 개념부터 Vanilla JS와 Vue를 이용한 적용 흐름까지 단계적으로 설명했습니다. 또한 Hydration, state 동기화, 선택적 SSR과 실패 시 CSR 대체 방법까지 정리했습니다.

Vue.js SSR과 Canvas API로 INVESTING.COM 클론 코딩 파일럿 프로젝트를 진행한 경험을 정리했습니다. 실시간 시세, 차트, 검색, 댓글 기능과 함께 협업 방식과 기술적 고민을 공유했습니다.

모바일 줌의 Spring Boot 백엔드를 Node.js Express와 Vue SSR 기반으로 전환했습니다. 검색엔진 유입과 TPS가 개선되고 코드와 메모리 사용량도 줄었습니다.

React 개발 중 자주 마주치는 구현 방식과 기술 선택의 고민을 다룹니다. Hook 전환, SSR, Redux, TypeScript 도입 여부를 살펴봅니다.