| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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
- ๊ณต์๋ฌธ์
- ํ๊ธ
- IOS
- useEffect
- Center
- git error
- ์ค์ํํธ
- Git
- Ai
- Column
- Flutter codelab
- Computer Vision
- dart
- UIKit
- ์ค๋ํดํ
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- FLUTTER
- codelab
- C++
- OpenCV
- ํ๊ณ
- Swift
- React
- ๋ค์ง
- vscode
- SwiftUI
- ํดํ
- family control
- Simulator
- Xcode
Archives
- Today
- Total
๋ชฉ๋กTheme (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