์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- Column
- ํ๊ณ
- Xcode
- Center
- Flutter codelab
- C++
- ์ค์ํํธ
- useEffect
- vscode
- codelab
- ๊ณต์๋ฌธ์
- Simulator
- UIKit
- IOS
- ํ๊ธ
- ์ค๋ํดํ
- git error
- dart
- SwiftUI
- OpenCV
- ๋ค์ง
- React
- FLUTTER
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- Git
- Swift
- family control
- Ai
- ํดํ
- Computer Vision
- Today
- Total
๋ชฉ๋ก๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ (62)
ram2 ๐
๐ป ๋ฌธ์ ๋งฅ์ผ๋ก ๊ณผ์ ๋ฅผ ํ๋ ์ค ๊ฐ์๊ธฐ ๋งฅ์ด ๊บผ์ง๋ ํ์์ด ๋ฐ์ํ๋ค. ์ด๋ ์๊ฐ ๋ ์ด ๋ฐ์ํ๋๋, ์์ ๊ฒ์ ํ๋ฉด์ด ๋์ค๊ณ ์๋ฌด๊ฒ๋ ์คํ๋์ง ์์๋ค. ๋๋ฌด ๋นํฉํด์ ์ผ๋จ ์ ์ ๋ฒํผ์ ๊ธธ๊ฒ ๋๋ฌ ๊ฐ์ ์ข ๋ฃ ํ, 20๋ถ์ ๋ ๊ธฐ๋ค๋ฆฐ ๋ค ๋ค์ ์ ์์ ์ผฐ๋ค. ๊ทธ๋ฌ๋ ์ฌ์ ํ ๊ฒ์ ํ๋ฉด์ด์๋ค. ํด๋ํฐ์ผ๋ก ๊ฒ์ํ ๊ฒฐ๊ณผ, ์ปดํจํฐ ๋ถํ ์ด๋, off๋๋ ๊ณผ์ ์์ ํ๋ก๊ทธ๋จ์ด ๊ผฌ์ฌ ๋ฐ์ํ ๋ฌธ์ ์์ ์๊ฒ ๋์๋ค. ๐ป ํด๊ฒฐ๋ฐฉ๋ฒ Control + option + shift + ์ ์ option + command + p + r ์ด๋ ๊ฒ ์์๋๋ก ๋์์ ๋๋ฌ์ฃผ๋ฉด ๊ฐ์๊ธฐ ํ๋ฉด์ด ์์ฃผ ์ด์ง ๋ฒ์ฉ ํ๋ฉฐ ์ฌ๋ถํ ๋๋ ๊ฒ์ ํ์ธํ ์ ์๋ค. ์ฐธ๊ณ ์ฌ์ดํธ : https://m.blog.naver.com/teddyjun/220333615605
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)