다크모드 (1) Today I am [React] 다크모드, 라이트모드 만들기 | useContext ⏩ 포트폴리오를 제작하면서 예전부터 구현해보고 싶었던 다크 모드/라이트 모드를 구현해보려 한다. 찾다보니 이미 npm dark mode 라이브러리가 있었지만, 직접 구현해보고 싶어서 해당 라이브러리는 사용하지 않았다. 가장 먼저 toggle button이 필요해서 material-ui 에서 이미 제작된 toggle 액션이 가능한 버튼을 가져왔고 색상이나 크기는 커스텀하여 작성해뒀다. //기능 구현 전 / Toggle component import React, { useState } from "react"; import { withStyles } from "@material-ui/core/styles"; import FormControlLabel from "@material-ui/core/FormContr.. 이전 1 다음