본문 바로가기 메뉴 바로가기

JH 기술 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

JH 기술 블로그

검색하기 폼
  • 분류 전체보기 (35)
    • 잡담 (0)
    • 알고리즘 (1)
    • 개발 (7)
    • 여행 (2)
    • JavaScript (8)
  • 방명록

themeProvider (1)
[React] ThemeProvider 알아보기

사이드 프로젝트를 진행하면서 다크모드를 위해 ThemeProvider를 사용할 일이 생겼다. 처음 접한 건 1년 좀 넘었는데 다시 한 번 되새겨보고자 포스팅을 남긴다. 스타일을 관리하고 전역적인 테마를 설정하는데 도움을 주는 ThemeProvider에 대해서 알아보는 시간을 가지도록 해보자! 🤷‍♂️왜 ThemeProvider? 다크모드를 개발하기에 앞서 어떻게 접근해야할지 생각해보는 시간을 가져보자. const Container = styled.div` background-color: ${(props) => props.mode ? "#000000" : "#ffffff"}; ` 방법 중 하나로 위와 같이 props로 전달 받은 mode를 기준으로 true면 검정색, false면 흰색으로 배경색을 지정해줄..

개발 2023. 8. 23. 23:05
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 깃허브
TAG
  • r객체
  • 원시 값
  • yarn berry
  • 포토이즘
  • 스터디
  • 키워드
  • themeProvider
  • react
  • tanstackquery
  • next.js
  • 합성 컴포넌트
  • 티스토리챌린지
  • jotai
  • Compound Components
  • 합성컴포넌트
  • Deep-Dive
  • JavaScript
  • 공부
  • 오블완
  • 자바스크립트
  • svgr
  • TypeScript
  • useSearchParams
  • 리액트
  • 포항
  • 빌라드웨이브
  • 밤바다
  • 프론트엔드
  • 개발
  • 오브레멘
more
«   2025/05   »
일 월 화 수 목 금 토
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

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

개인정보

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

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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