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