์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- FLUTTER
- Simulator
- ํ๊ธ
- family control
- git error
- Git
- Computer Vision
- ์ค์ํํธ
- OpenCV
- UIKit
- useEffect
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- C++
- ๊ณต์๋ฌธ์
- codelab
- Column
- React
- SwiftUI
- Flutter codelab
- ๋ค์ง
- Xcode
- dart
- ํดํ
- Center
- ํ๊ณ
- IOS
- vscode
- Ai
- Swift
- ์ค๋ํดํ
- Today
- Total
๋ชฉ๋กcss (1)
ram2 ๐
์ฒ์์ผ๋ก react๋ฅผ ๊ณต๋ถํ๊ณ ๋์ css ์ฌ์ฉ์ ์ต์์น ์๊ณ , ์์ง ํ๋ฆ์ ์ ๋๋ก ์ก์ง ๋ชปํ ์ํ์์ ๊ฐ๋ฐ์ ์ฐธ์ฌํ๊ฒ ๋์๋ค. ๊ทธ๋ ๊ธฐ์ component ์ด๋ฆ์ ์ด๋ป๊ฒ ์ ํ๋์ง๋ ์ ์์ง ๋ชปํด ํผ๋์ค๋ฌ์ ๋ค. ์ผ๋จ ํด๋ด์ผํ๋ค๋ ์๊ฐ, html, css, js ๋ชจ๋ ์ฒ์ ์์ํ๋ ๋งํผ ๊ฒฐ๊ณผ๋ฌผ์ด ์์ด์ผ ํ๋ค๋ ์๊ฐ์ ์ผ๋จ ๋ฐ์ด๋ค์๋ค. ๊ทธ ๊ฒฐ๊ณผ ๋๋ก ์ธํด style ๊ฐ์ญ์ด ์ผ์ด๋๋ฒ๋ ธ๋ค... ๊ฒฐ๊ตญ ๋๋ ์ ์ ํ๋ก์ ํธ์ ์์ ๋ผ๊ฒ ๋์์ง๋ง ์ด๋ฒ ์ผ์ ํตํด style ๊ฐ์ญ์ด ๋ฌด์์ธ์ง ํ์คํ๊ฒ ์๊ฒ ๋์๊ณ , ๋ค์๋ ๊ฐ์ ์ค์๋ฅผ ๋ฐ๋ณตํ์ง ์๊ฒ ๋ค๋ ๋ค์ง์ ํ๋ค. ๊ณต์ ๋ฐ์ styled components์ ๋ํ ๊ธ์ ๊ณต๋ถํ๊ณ , ์ ๋ฆฌํ ๋ด์ฉ์ด๋ค. styled components์ ํ์์ฑ ์ค๋ณต๋ ํด๋์ค๋ช ์ ๋ง๋ค๊ฒ ๋๋ฉด, ๋ค..