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

JH 기술 블로그

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

JH 기술 블로그

검색하기 폼
  • 분류 전체보기 (38)
    • 잡담 (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객체
  • 포항
  • react
  • 개발
  • TypeScript
  • 공부
  • themeProvider
  • 프론트엔드
  • useSearchParams
  • 티스토리챌린지
  • Deep-Dive
  • yarn berry
  • 원시 값
  • Compound Components
  • 오블완
  • 스터디
  • 빌라드웨이브
  • 밤바다
  • svgr
  • JavaScript
  • jotai
  • tanstackquery
  • 리액트
  • 포토이즘
  • 키워드
  • next.js
more
«   2026/02   »
일 월 화 수 목 금 토
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

Blog is powered by Tistory / Designed by Tistory

티스토리툴바