์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- IOS
- Swift
- SwiftUI
- useEffect
- Git
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- ์ค๋ํดํ
- Simulator
- React
- Xcode
- codelab
- dart
- Computer Vision
- ๋ค์ง
- Center
- ํดํ
- vscode
- git error
- Column
- ํ๊ณ
- Ai
- OpenCV
- family control
- ๊ณต์๋ฌธ์
- FLUTTER
- ์ค์ํํธ
- Flutter codelab
- ํ๊ธ
- C++
- UIKit
- Today
- Total
๋ชฉ๋กFLUTTER (21)
ram2 ๐
์๋ ํ์ธ์! ์ต๊ทผ ์ ๋ ์์นํค ์ด๋ผ๋ ํด์ปคํค์ ์ฐธ์ฌํ์์ต๋๋ค. ์ง๊ธ๊น์ง ์ ๋ ๊ต๋ด ํด์ปคํค์์ ํด์ปคํค์ ์ค๋นํ๋ ์ด์์ง ๋๋ ํด์ปคํค ์น์ฌ์ดํธ ๊ฐ๋ฐ์์ ์์น์์ ํด์ปคํค์ ์ค๋นํ๊ณ , ๊ธฐํ ์ด์ํ๋ ๊ฒฝํ์ ํด์์ต๋๋ค. ํ์ง๋ง, ์ฐธ๊ฐ์๋ก์ ํด์ปคํค์ ์ฐธ์ฌํ๋ ๊ฒ์ ์ด๋ฒ์ด ์ฒ์์ด์๋๋ฐ์, ๊ทธ๋ ๊ธฐ์ ๋์ฑ ๋ ๊ธฐ๋๋๊ณ , ์๋ฏธ ์๋ ๊ฒฝํ์ด์์ต๋๋ค. ํ์๊ณผ ํจ๊ป ํด์ปคํค์ ์ค๋นํ๋ฉฐ ๋ง์ ์ํต์ ํ๊ณ , ‘ํ์ ’์ ๊ฒฝํํ์ฌ ๊ทธ ๊ณผ์ ๋ค์ ์ฐจ๊ทผ์ฐจ๊ทผ ๊ธฐ๋กํด๋ณด๋ ค ํฉ๋๋ค. ์์นํค์ด๋? โ๐ป ์์ธ๊ฒฝ์ ์งํฅ์(SBA)์ ๊ตฌ๋ฆ์ด ์ฃผ์ต, ์ฃผ๊ดํ์ฌ IT๊ธฐ์ ๋ถ์ผ์ ๊ด์ฌ์๋ ๊ธฐํ์, ๋์์ด๋, ๊ฐ๋ฐ์ ์ฒญ๋ ๋ค์ด ๋ชจ์ฌ ์์ธ์ ๋ฏธ๋๋ฅผ ๋ฐ๊ฟ ์์ด๋์ด๋ฅผ ๊ธฐํํ๊ณ ์๋น์ค๋ก ๊ตฌํํ๋ ํด์ปคํค์ ๋๋ค. ์ด๋ฒ์ ์ฒ์ ์งํ๋ ์์นํค์ ์ฃผ์ ๋, ‘์์ธ์ ๋ฐ๊พธ๋ ์ฒญ๋ (๊ตํต์์ ..
์ด์ 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..
์ง๋ ์คํ ๊น์ง ์ ๋ฐ๋ผ์๋ค๋ฉด ๋ค์๊ณผ ๊ฐ์ ๊ฒฐ๊ณผ๊ฐ ๋์์ ๊ฒ์ด๋ค. ํ์ง๋ง ๋ชจ๋ ๋๋ผ๋ฏ, ํ์ฌ๋ ํจ๋ฉ๋ ๋ง์ง ์๊ณ , ์ฐ๋ฆฌ๊ฐ ์ค์ํ๊ฒ ๋ณด์ฌ์ค์ผ ํ ๋ฐ์ดํฐ์ธ word๊ฐ ํ ๋์ ๋ค์ด์ค์ง ์๋๋ค. ์ฐ๋ฆฌ๋ ์ฌ์ฉ์๊ฐ ๋๋ผ๊ธฐ์ ์กฐ๊ธ ๋ ์ฝ๊ฒ, ์ํ๋ ์ ๋ณด๋ฅผ ์ป์ ์ ์๋๋ก ํด์ผํ๋ค. ๊ทธ๋์ ์ด๋ฒ ์คํ ์์๋ ์ด๋ฌํ ์๊ฐ์ ์ธ ์์(๋์์ธ) ์ ์กฐ๊ธ ์ ๊ฒฝ์ ์จ๋ณด๋ ค๊ณ ํ๋ค. ์ฝ๋๋ฉ์์ ์ ์ํ ๋ค์ ์ฐ๋ฆฌ์ ๋ชฉํ๋ ์ด ์ด๋ฏธ์ง์ ๊ฐ๋ค. Extract a widget ํ์ฌ ์ฐ๋ฆฌ ์ฝ๋์์๋ word pair๋ฅผ ๋ค์๊ณผ ๊ฐ์ด ๋ํ๋ด๊ณ ์๋ค. Text(appState.current.asLowerCase) ์ด ์ฝ๋๋ฅผ ์กฐ๊ธ ๋ ๋ณต์กํ๊ฒ ๋ฐ๊ฟ๋ณด๋ ค๊ณ ํ๋ค. ์ด ์ฝ๋๋ฅผ ๋ณ๋์ ์์ ฏ์ผ๋ก ๋นผ๋ ๊ฒ์ด ์ข๋ค๊ณ ํ๋ค. ์ด์ฒ๋ผ UI์ ๊ฐ ์์์ ๋ํด ๋ณ๋์ ..
1. Introduction ํ์ตํ ๋ด์ฉ์! โ flutter๊ฐ ์ด๋ป๊ฒ ์๋ํ๋์ง์ ๊ธฐ์ด โ flutter์์ layout ๋ง๋ค๊ธฐ โ ์ฑ ๋์๊ณผ user interaction์ ์ฐ๊ฒฐ (์ข์์ ๋ฒํผ ๋๋ฅด๋ ๊ฒ์ด ๊ทธ ์) โ flutter ์ฝ๋๋ฅผ ์ ๊ฐํ๊ฒ ์ง๋ ๊ฒ โ ๋ฐ์ํ ์ฑ์ ๋ง๋๋ ๊ฒ (screen ํฌ๊ธฐ์ ๋ฐ๋ผ ๋ค๋ฅธ๊ฒ ๋ฐ์ํ ์ ์์ !) โ ์ฑ์ ์ผ๊ด๋ ํํ์ ๋๋์ ์ฃผ๋๋ก 2. Set up your Flutter environment (flutter ํ๊ฒฝ ์ค์ ) ๐ Visual Studio Code ์ฌ์ฉ codelab ๊ณต์ ๋ฌธ์์์ vscode๋ฅผ ๋ค์ด๋ฐ์ ์ ์๋๋ก ์ฐ๊ฒฐํด๋์๋ค! ๊ณต์๋ฌธ์ ๋งํฌ โฌ๏ธ https://codelabs.developers.google.com/codelabs/flutter-..
flutter๋ก ์ฑ์ ์ด์ฌํ ๊ฐ๋ฐํ๋ค ๋ณด๋ iphone์ ์ง์ ์คํ์์ผ์ ๊ฐ๋ฐ ๊ณผ์ ์ ํ์ธํ๊ณ ์ถ์๋ค.์ค์ ์ฑ์์๋ padding์ด๋, ์ด๋ฏธ์ง ํฌ๊ธฐ ๋ฑ์ด ์ด์ํ๊ฒ ๋ณด์ผ ์ ์๊ธฐ ๋๋ฌธ์ iphone ์ฐ๋์ด ์๊ธํ๋ค.ํ์ง๋ง flutter ์ด๋ณด์ธ ๋ด๊ฒ xcode๋ฅผ ๋ค๋ฃจ๋ ์ผ์ ๋๋ฌด ์ด๋ ค์ ๋ค๐ญ์ฌ๋ฌ reference๋ค์ ์ฐธ๊ณ ํ๋๋ฐ, ์คํ๋ ค ๊ทธ๊ฒ์ด ๋ด๊ฒ๋ ๋ ์ด ๋์๋ ๊ฒ ๊ฐ๋ค.์ฌ๋ฌ ๋ฒ์ ์คํจ ๋์ ํ๋ก์ ํธ๋ฅผ ๋ค์ ์์ํ๊ธฐ๋ฅผ ๋ฐ๋ณตํ๋ค.๋ค์๋ ๊ฐ์ ์ค์๋ฅผ ํ์ง ์๊ธฐ ์ํด ํ๋์ฉ ์ ๋ฆฌํ๋ฉฐ ๊ธฐ๋กํ๋ ค ํ๋ค. 1. iphone์ ๋งฅ์ ์ฐ๊ฒฐํ๋ค.๋งฅ์ ์ฐ๊ฒฐํ๋ฉด, finder์์ ์ฐ๊ฒฐ๋ iphone์ ํ์ธํ ์ ์๋ค.ํด๋น ๊ธฐ๊ธฐ๋ฅผ ์ ํํ๋ฉด, ์ ๋ขฐ์ ๋ํ ๋ถ๋ถ์ด ๋์ค๋๋ฐ ์ ๋ขฐ๋ฅผ ์ ํํ๋ฉด ๋๋ค. 2. ์คํํ๊ณ ์ ํ๋ ํด๋๋ฅผ ..