잿꽃'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..

REACT useContext를 이용하여 props을 전역 변수로 만들어서 darkmode를 만들어보자 [기초단계] 1. styled-components를 이용할 것이므로 설치한다. 터미널에서 yarn을 이용하여 설치한다. yarn add styled-components 2. src폴더 내에 Components 폴더를 만들어서 세가지 js를 만든다. 3. 각각의 Components파일 내에 rsc + tab, enter를 누르면 함수형 컴포넌트가 만들어진다. 4. app.js에 세가지 Components를 연결한다. 5. 터미널에서 'yarn start'해서 확인 [실행단계] 1. 각각의 컴포넌트에 내용작성하고 styled-components로 꾸며준다. 시멘틱태그 사용할 경우 : const 변수이름 =..