Dani's Dev TokTok

  • 홈
  • 태그

useContext 1

[React] Context API 를 사용해서 다크모드 구현하기

1. 서론리액트의 Context API 는 컴포넌트 트리의 깊이에 관계없이 props 를 전달하지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다. Context는 전역 데이터를 관리하는 데 사용한다.이 Context 를 이용해서 웹 애플리케이션에서 다크모드를 구현하고자 한다.(에시는 https://daddda3232.tistory.com/72 여기서 사용했던것을 활용했다) 2. 본론createContext createContext 는 Context 객체를 만든다.const VillagerContext = createContext('light'); createContext 안에는 기본값을 넣어준다여기서는 ligth 모드를 기본값으로 넣어줬다. createContext 함수 호출로 생성된 컨텍스트 객..

Study/React 2024.10.12
이전
1
다음
더보기
프로필사진

Dani's Dev TokTok

열심히 개발하는 다니니니니니니의 개발 블로그

  • 분류 전체보기
    • Study
      • Javascript
      • Typescript
      • React
      • Vue
      • Node.js
      • Java
      • HTML & CSS
      • Git
      • CS
    • Project
      • SeSAC 1차 팀 프로젝트
      • SeSAC 2차 팀 프로젝트
      • SeSAC 3차 팀 프로젝트
    • ETC
      • 주절주절

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Github

Copyright © AXZ Corp. All rights reserved.

티스토리툴바