[블로그만들기] 다크모드 구현(typescript)

다크모드 기능을 적용할 것이다. 라이트모드(밝은 배경의 어두운 텍스트)와 다크모드(어두운 배경의 밝은 텍스트)로 스타일을 분리한다. 사용자가 버튼을 클릭하여 원하는 테마로 변경할 수 있다. 페이지를 이동해도 적용한 테마가 유지된다. 먼저 라이트모드와 다크모드 스타일을 지정한다. 이 때 mainFont, subFont 등 객체의 key값이 같아야 한다. 이 때typeof 를 쓰면, 지정한 객체...

typescript다크모드emotionjsemotionjs

Vite와 함께 감정 사용하기

은 모두가 이야기하는 멋진 다음 제품입니다. 초보자를 위해 개발 서버에 매우 빠른 새로 고침(HMR) 속도를 제공하고 고도로 최적화된 빌드를 생성하기 위한 롤업 모듈 번들러가 로드되는 도구입니다. 여러분 대부분은 이미 매우 유명한 CSS-in-JS 라이브러리인 에 익숙할 것입니다. 반응 구성 요소에서 스타일 작성의 전반적인 개발자 경험을 크게 향상시키는 css 소품을 제공하는 반응 풍미와 함...

emotionjsreactvite