์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- family control
- codelab
- SwiftUI
- Flutter codelab
- Ai
- ์ค์ํํธ
- UIKit
- ๊ณต์๋ฌธ์
- Git
- ์ค๋ํดํ
- ํ๊ณ
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- Swift
- Computer Vision
- FLUTTER
- git error
- IOS
- ๋ค์ง
- React
- useEffect
- vscode
- dart
- ํ๊ธ
- Center
- Xcode
- C++
- ํดํ
- OpenCV
- Column
- Simulator
- Today
- Total
๋ชฉ๋กFLUTTER (21)
ram2 ๐
๐ป ๋ฌธ์ flutter์์ ์จ๋ฒ์ ์ ๊ทผํ์ฌ ์ฌ์ง์ ์ ๋ก๋ํ๋ ค๊ณ ํ๋๋, ์จ๋ฒ์์ ๋ถ๋ฌ์ค๋ ค๊ณ ํ ๋๋ง๋ค ์๋ฎฌ๋ ์ดํฐ๊ฐ ๊บผ์ ธ๋ฒ๋ ธ๋ค. ์ด๋ฐ ์๋ฌ์ ํจ๊ป ์๊พธ ๊บผ์ ธ๋ฒ๋ ธ๋ค. ์๊ณ ๋ณด๋, info.plist์ ์จ๋ฒ์ ์ ๊ทผํ๊ธฐ ์ํ ํค๋ฅผ ์ถ๊ฐํด์ค์ผ๋ง ํ๋ค. ๐ป ํด๊ฒฐ ๋ฐฉ๋ฒ ios > Runner > Info.plist ์ด ์์น์ ์๋ info.plist ํ์ผ์ ๋ค์ ํค๋ฅผ ์ถ๊ฐํ๋ฉด ๋๋ค. NSPhotoLibraryUsageDescription NSCameraUsageDescription NSMicrophoneUsageDescription ์ด๋ ๊ฒ ์ถ๊ฐํ๋ค. ๐ป ๊ฒฐ๊ณผ https://velog.velcdn.com/images/haram2/post/99fbf769-631f-4a70-8d0e-c8b9948e9212/image.gif
๐ฉ๐ป ๋ฌธ์ ์ง๊ธ์ ํด๊ฒฐ ๋์ผ๋, ๋ค์ ๋ถ๋ถ์ no device๋ผ๋ฉฐ ์๋ฎฌ๋ ์ดํฐ๊ฐ ์ ํ ์ฐ๊ฒฐ๋์ง ์์๋ค.๊ทธ๋์ flutter doctor๋ฅผ ์คํํ ๊ฒฐ๊ณผ xcode์์ ์๋ฌ๊ฐ ์์์ ํ์ธํ ์ ์์๋ค.๐ฉ๐ป ํด๊ฒฐ ๋ฐฉ์ํฐ๋ฏธ๋์ ๋์จ ์๋ฌ๋ฅผ ๋ฐ๋ผ ํด๊ฒฐํ๋ฉด, ios๊ฐ ์ ๋๋ก ์ฐ๊ฒฐ๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.// ์ฒซ ๋ฒ์งธsudo xcode-select --switch /Applications/Xcode.app/Contents/Developer// ๋ ๋ฒ์งธsudo xcodebuild -runFirstLaunch
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 ๋ฑ ์ฐ๋ฆฌ๊ฐ ์ค์ ๋ก ๋ณธ ๊ฒฝํ์ด ..