์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- UIKit
- Xcode
- ํ๊ธ
- C++
- useEffect
- Column
- ํ๊ณ
- SwiftUI
- Flutter codelab
- IOS
- Center
- codelab
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- FLUTTER
- family control
- Simulator
- Computer Vision
- ์ค์ํํธ
- Git
- dart
- Swift
- React
- vscode
- ๊ณต์๋ฌธ์
- ์ค๋ํดํ
- OpenCV
- git error
- ๋ค์ง
- ํดํ
- Ai
- Today
- Total
๋ชฉ๋กdart (15)
ram2 ๐
์ด์ Step 6 !!! ์ง๊ธ๊น์ง ์ฐ๋ฆฌ๊ฐ ๋ง๋ ์ฑ์, next ๋ฒํผ์ ๋๋ฅด๋ฉด ์ด์ ์ ๋์๋ ๋จ์ด๋ฅผ ๋ณผ ์ ์์๋ค. ๊ทธ๋์ ์ด๋ฒ ๋จ๊ณ์์๋ 'Like' ๋ฒํผ์ ๋๋ฌ, ์ํ๋ ๋จ์ด๋ฅผ ๊ธฐ์ตํด๋ณด๋ ค๊ณ ํ๋ค. ์ด๋ฒ ๋ชฉํ๋ ๋ค์ ํ๋ฉด๊ณผ ๊ฐ๋ค. Add the business logic MyAppState ์์ ๋ค์๊ณผ ๊ฐ์ด ์ฝ๋๋ฅผ ์์ ํด๋ณด์. lib/main.dart // ... class MyAppState extends ChangeNotifier { var current = WordPair.random(); void getNext() { current = WordPair.random(); notifyListeners(); } // ↓ Add the code below. var favorites = []; void t..
Padding class ์ ํด์ง padding์ ๋ง์ถฐ child๋ฅผ ๋ฃ๋ ์์ ฏ์ด๋ค. ์ ์ฌ์ง์ ๊ณต๊ฐ์ด ์ ํ ์์ด ๋ต๋ตํด ๋ณด์ด์ง ์์๊ฐ? ๊ฐ๊ฐ์ ์ฌ๊ฐํ ์ฌ์ด์ ๊ณต๊ฐ์ ์กฐ๊ธ ๋๋ฉด ์ด๋จ๊น? ์ด๋ ๊ฒ ๊ณต๊ฐ ์ฆ ์ฌ๋ฐฑ์ด ํ์ํ ๋ ์ฐ๋ฆฌ๋ padding ์์ ฏ์ ์ฌ์ฉํ์ฌ ํด๊ฒฐํ ์ ์๋ค. Padding ์์ ฏ์ ์ฌ์ฉํ๋ฉด ๊ณต๊ฐ์ ๋ง๋ค์ด ๋ฐฐ์นํ ์ ์๋ค. ๋ค์์ padding ์์ ฏ์ ์ฌ์ฉํ์ฌ ๊ณต๊ฐ์ ๋ง๋ ๊ฒฐ๊ณผ์ด๋ค. ๊ทธ๋ ๋ค๋ฉด padding์ ์ด๋ป๊ฒ ์ฌ์ฉํ ๊น? ์ด๋ ๊ฒ ์ด๋ ๋ถ๋ถ์ ์ผ๋ง๋ ๊ณต๊ฐ์ ๋ ๊ฒ์ธ์ง ์ ํ๊ณ , padding์ด ์ ์ฉ๋ child๋ฅผ ๋ฃ์ด์ฃผ๋ฉด ๋๋ค. padding์ ์ฃผ๋ ๋ฐฉ๋ฒ์ ๋ค์ํ๋ค. ์ด๋ EdgeInsets์ ์ข ๋ฅ์ ๋ฐ๋ผ ๋ฐฉ๋ฒ์ด ๋๋๋ค. 1. EdgeInsets.fromLTRB() LTRB๋ ์์๋๋ก Left,..
Expanded class ์ฌ์ฉ ๊ฐ๋ฅํ ๊ณต๊ฐ์ ์ฑ์ฐ๋๋ก Row, Column, ๋๋ Flex์ child๋ฅผ ํ์ฅ์ํจ๋ค. Expanded ์์ ฏ์ ์ฌ์ฉํ๋ฉด Row, Column ๋๋ Flex์ child๊ฐ main axis(์ถ)์ ๋ฐ๋ผ ์ฌ์ฉ ๊ฐ๋ฅํ ๊ณต๊ฐ์ ์ฑ์ฐ๋๋ก ํ์ฅ๋๋ค. Row์ด๋ฉด ๊ฐ๋ก Column์ด๋ฉด ์ธ๋ก Expanded ์์ ฏ์ Row, Column ๋๋ Flex์ ์์์ด์ด์ผ ํ๋ค. StatelessWidget ๋๋ StatefulWidget์ด์ด์ผ ํ๋ค. example) example_Column) ์ ์์๋ ์ค๊ฐ child๋ฅผ ์ธ๋ก์ถ์ ๋ง์ถฐ ํ์ฅ์ํจ ๊ฒฐ๊ณผ์ด๋ค. example_Row) ์ ์์๋ flex๋ฅผ ์ง์ ํ์ฌ ์ค๊ฐ child๋ฅผ ์ ์ธํ child๋ฅผ ๊ฐ๋ก์ถ์ ๋ง์ถฐ ํ์ฅ์ํจ ๊ฒฐ๊ณผ์ด๋ค.
Transform class transform class๋ ์ง๊ธ๊น์ง ๋ณธ ์์ ฏ๋ค ์ค ๊ฐ์ฅ ์ฌ๋ฐ๊ณ ์ ๊ธฐํ๊ฒ ๋ค๊ฐ์๋ค. ์ฐ๋ฆฌ๊ฐ ํํ ํ์ํฌ์ธํธ๋, ์์, ์ฑ ์ฌ์ฉ ์ค ๋ดค์ ๋ฒํ ๊ธฐ๋ฅ๋ค์ด transform ์์ ฏ์ ์ฌ์ฉํ ๊ฒ์ด๋ค. ์๋ ์ฒจ๋ถํ ์์์ ๋ณด๋ฉด ๋๋ ๋ชจ๋ฅด๊ฒ '์ฐ์' ํ๊ฒ ๋ ๊ฒ์ด๋ค. transform์๋ ์ ๋ง ๋ง์ ๊ธฐ๋ฅ๋ค์ด ์๋๋ฐ, ๊ทธ ์ค 3๊ฐ์ ๊ธฐ๋ฅ์ ์๊ฐํ๊ณ ์ ํ๋ค. 1. Transform.rotate child๋ฅผ ์ํ๋ ๊ฐ์ผ๋ก ํ์ ํ๋ ๊ฒ์ด๋ค. 2. Transform.scale child์ ํฌ๊ธฐ๋ฅผ ์ํ๋ ํฌ๊ธฐ๋ก ์กฐ์ ํ๋ ๊ฒ์ด๋ค. 3. Transform.translate child์ ์์น๋ฅผ ์ํ๋ ์์น๋ก ์ด๋ํ๋ ๊ฒ์ด๋ค. ์ด ์ธ์๋ skew, 3D perspective ๋ฑ ์ฐ๋ฆฌ๊ฐ ์ค์ ๋ก ๋ณธ ๊ฒฝํ์ด ..
SizedOverflowBox class overflowBox์ ๋น์ทํ ์ญํ ์ ํ๋ค. overflowBox์ ๋ค๋ฅธ ์ ์ constraint๋ฅผ ๋ฐ๋ก ์ค์ ํ์ง ์๊ณ ์ด์ ์ ์ค์ ๋ parent์ constraint๋ฅผ ์ ๋ฌํ๋ค. SizedOverflowBox๋ฅผ ์ฌ์ฉํ๋ฉด parent๋ก๋ถํฐ ์ ๋ฌ๋ constraint๋ฅผ ๋ฒ์ด๋ box๋ฅผ ๊ทธ๋ฆด ์ ์๋ค๋ ๊ฒ์ด๋ค. example) out put)