Skip to content

Latest commit

 

History

History
29 lines (18 loc) · 949 Bytes

File metadata and controls

29 lines (18 loc) · 949 Bytes

Context 실습

실행 방법

git clone https://github.com/ApptiveDev/study-frontend.git
git checkout feat/theme
npm i

실습 내용

  1. pages/Home.jsx에는 Heading, Clock, Button 3개의 컴포넌트가 있습니다.
  2. ThemeContext를 생성해 다크모드와 라이트모드의 상태를 저장하고 변경할 수 있게 만들어주세요.
스크린샷 2025-05-30 오후 2 33 48 스크린샷 2025-05-30 오후 2 34 01
  • 색상과 디자인은 자유롭게 변경해도 좋습니다.

변경 해야 할 파일

  1. src/contexts/ThemeContext.jsx
  2. src/App.jsx
  3. src/components 내 모든 파일
  4. src/pages/Home.jsx