반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- yarn-berry
- 디렉토리이동
- Kubernetes
- 스타일 컴포넌트
- styled-components
- 캐시
- aws
- Atomic Design
- 인프라
- 개발
- 리액트
- react
- Infra
- backend
- 배포자동화
- GHCR
- methodreference
- 예제
- git-hooks
- Atomic Design 패턴으로 페이지 만들기
- 백엔드
- docker
- redis
- 소켓IO
- 롱 폴링
- 쿠버네티스
- 자동화
- 배포
- 도커
- deployment
Archives
- Today
- Total
목록화이트모드 (1)
SLASH 기술 블로그
Styled Component로 다크모드 구성하기
시작하기 전에 몇년전부터 각종 OS나 앱에서 다크모드가 나오면서 많은 유저들이 다크모드에 대한 관심이 늘어났다. (아마 내 생각엔 애플?? 제품에서 먼저 나왔던거 같다.) 그러면서 OS세팅에 따른 다크모드/화이트모드 지원이라던지 유저의 설정에 따른 모드 지원을 해주는 사이트가 하나 둘 씩 늘어나고 있는 추세이다. 이번 글에서는 우리도 한번 Styled Component를 이용해서 다크모드를 지원하는 프로젝트 세팅을 해보려고 한다. Styled Component - themeProvider 이 글에서는 다크모드를 지원하는 구조를 Styled Component에서 제공해주는 themeProvider를 이용하여 구현 해볼 것이다. themeProvider란 Context API 기반으로 이루어진 Styled-..
styled-component
2021. 4. 23. 23:39