์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
Tags
- Simulator
- codelab
- FLUTTER
- useEffect
- Xcode
- ํ๊ณ
- Center
- Swift
- ์ค์ํํธ
- UIKit
- OpenCV
- git error
- ๊ณต์๋ฌธ์
- ๋ค์ง
- Git
- Flutter codelab
- SwiftUI
- ํ๊ธ
- dart
- ์ค๋ํดํ
- family control
- Ai
- Computer Vision
- Column
- vscode
- React
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- ํดํ
- C++
- IOS
Archives
- Today
- Total
๋ชฉ๋ก์์ ๋๊ธฐ๊ธฐ (1)
ram2 ๐
[react] ThemeProvider ์ฌ์ฉํ๊ธฐ
๐ฅ๏ธ ThemeProvider ? ์ง์ ๋ ๋์์ธ ์์คํ ์ ๋ชจ๋ ์ฝ๋์์ ์ฌ์ฉํ๊ธฐ ์ํด์๋ ์ด๋ป๊ฒ ํด์ผํ ๊น !? ๊ทธ๋ ์ฌ์ฉํ๋ ๊ฒ์ด ThemeProvider์ด๋ค. React ์ปดํฌ๋ํธ์์ ํ ๋ง์ ๋ํ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ์ญํ ์ด๋ผ๊ณ ํ๋ค. ์ด๋ฅผ ์ฌ์ฉํ๋ฉด ํ์ ์ปดํฌ๋ํธ์์ ๊ณตํต theme์ ์ฌ์ฉํ ์ ์๋ค. ์์๊ฐ์ props๋ฅผ ํตํด ์ ๋ฌํ๋ค. ๐ฅ๏ธ ์ด๋ป๊ฒ ์ฌ์ฉํ ๊น? 1. theme ํ์ผ์ ๋ง๋ค๊ณ , ํด๋น ํ์ผ์ ์์์ ์ง์ ํ๋ค. ๋ค์์ ๋ด๊ฐ ์ง์ ํ theme ์์์ด๋ค. // styles/theme.js const theme = { colors: { background: "#121212", text: "#ececec", primary: "#63e6be", primary2: "#62E6BE", white1: "#F1F..
๐ฅ๏ธ react
2024. 1. 20. 23:48