일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- ThemeProvider
- list추가하기
- 네트워크 #5G안터질때 #4G로바꾸는법 #5G를4G로 #5G를LTE로 #갤럭시5G변경
- fadeint
- 좌우슬라이드
- 요일구하기
- 숫자게임만들기
- 동영상다운 #영상다운 #크롬웹스토어 #드래그되지않는 #클릭되지않는 #동영상
- darkmode
- 메뉴
- 윈도우10캡쳐 #윈도우10캡처 #윈도우10스크린샷 #캡쳐하기 #캡처하기 #스크린샷찍기 #캡쳐지연 #스크린샷지연
- 가장작은자연수
- 요일구하는공식
- 문자열다루기
- fade-in
- todolist
- hover효과
- GIT
- 티스토리 #폰트변경 #꾸미기
- 카카오톡알림설정 #카톡알림설정
- 음악검색기능 #음악찾기기능 #음악찾기 #음악검색 #네이버음악검색 #다음음악검색 #멜론음악검색
- 리액트
- 자바스크립트 #메뉴만들기
- React
- 파비콘 #파비콘만들기 #포토샵파비콘
- 슬라이드다운
- array #object #lodash #javascript
- 오류
- 프로그래머스
- 자바스크립트
Archives
- Today
- Total
목록ThemeProvider (1)
잿꽃's posting Garden

REACT styled-components의 'ThemeProvider'를 이용한 darkmode만들어 보겠습니다. [기초단계] 1. styled-components를 이용할 것이므로 설치한다. 터미널에서 yarn을 이용해 설치한다. yarn add styled-components 2. scr폴더 내에 Components파일 1개와 css 객체를 담당할 일반 js파일을 만든다. 3. Components파일 내에 rsc + tab, enter를 하여 함수형 컴포넌트를 만는다. 4. app.js에 만든 Components를 연결한다. import React from 'react'; import Darkmode from './Darkmode'; const App = () => { return ( ); }; e..
WEB/REACT
2022. 4. 25. 10:26