DDOstory

  • 홈
  • 태그
  • 방명록

테마 1

[React] 리액트 테마 변경 기능 (Context)

React 리액트 테마 변경 기능메인 컨텐츠 컨포넌트는 씸 컨텍스트로부터 현재 설정된 테마 값을 받아와 실제 화면의 컨텐츠를 렌더링하는 역할테마 변경 버튼을 누를 경우 씸 컨텍스트로부터 받은 roggleTheme함수를 호출하여 씸 컨텍스트의 값을 변경하는 역할도 함Theme 컨텍스트의 값을 가져오기 위해 Theme 컨텍스트.consumer 컴포넌트를 사용하는 방법 대신에 use-context-hook를 사용darkOrlight 컴포넌트는 방금 전에 만든 메인 컨텐츠 컴포넌트를 자식으로 갖고 있는데 이는 ThemeContext.Provider로 감싸서 theme-context의 값을 하위 컴포넌트들이 사용할 수 있도록 해줌SimContext.Provider로 감싸주지 않으면 하위 컴포넌트들이 SimCont..

Front/React.js 2024.08.18
이전
1
다음
프로필사진

DDOstory

https://github.com/dohee12

250x250
  • 분류 전체보기
    • coding base
      • 자료구조
      • GitHub
      • 시스템 분석 및 설계
      • DataBase
      • 컴퓨터구조
    • Coding language
      • Python
      • C
      • C#
    • Front
      • HTML
      • CSS
      • JavaScript
      • React.js
      • next.js
      • Figma
      • android
    • Back
      • JSP
      • LINUX
      • Java
      • string
      • MySql
    • 빅데이터 & 알고리즘
      • NumPy
    • it기기
    • 강아지
    • 기타

Tag

속성, React, css, 객체, 자바스크립트, javascript, state, js, 인스턴스, HTML, 프론트엔드, 웹 개발, 배열, 컴포넌트, 리액트, DBMS, 데이터베이스, React Hooks, DB, Java,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 10  
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.