์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- Xcode
- Swfit
- raywenderlich
- BFS
- TCA
- BOJ
- swift
- node.js
- ios
- UIKit
- combine
- RxSwift
- ๋ฐฑ์ค
- CollectionView
- ํ๋ก๊ทธ๋๋จธ์ค
- tableView
- rxcocoa
- Lv2
- ํจ์คํธ์บ ํผ์ค
- SnapKit
- XCTest
- SwiftUI
- arkit
- designpattern
- Flutter
- realm
- MVVM
- Kuring
- visionOS
- reactorkit
- Today
- Total
๋ชฉ๋กflutter/์ํ๋ง(๊ธฐ์ด) (18)
lgvv98
โ ๋ณ์์ ์ ์ธ์ Flutter 2.0์ null Safety๋ฅผ ๋ณด์ฅํ์ง ์์ 1. String interpolation - ๋ฌธ์์ด์ ์ถ๋ ฅํ ๋ $๋ฅผ ๋ฃ์ด์ ์ถ๋ ฅํ๋ ๋ฐฉ๋ฒ โ ์ฝ๋๋ก ๋ณด์ void main() { String name = 'Sean'; print(name); print("Hi $name, what's up?"); } Sean Hi Sean, what's up? 2. Collection & Generic - Collection : ๋ฐ์ดํฐ๋ค์ ๋ชจ์์ ๊ฐ์ง๊ณ ์๋ ์๋ฃ๊ตฌ์กฐ (ex. List) - Generic : Collection์ด ๊ฐ์ง๊ณ ์๋ ๋ฐ์ดํฐ๋ค์ ๋ฐ์ดํฐ ํ์ ์ ์ง์ โ ์ฝ๋๋ก ๋ณด์ void main() { List number = new List(); number.add(2); num..
โ ์ด๋ฒ ์๊ฐ์๋ ๋ฐฐ์ด๊ฒ ๋ง์ ์๊ฐ์ด์๋ค. ํนํ๋ ์คํ๋ก ์ฌ๋์๋ ์ญ์ฌ๋์ ์คํ๋ก ์ธํด์ ํ์ฐธ์ ํค๋งค์๋๋ฐ ์ฐฌ์ฐฌํ ์ดํด๋ณด๋๋ก ํ์. ๋ํ ํ์ผ์ ๋๋์ด ๋๋์ด์ ์์ ํ๋๋ฐ ์ด ๋ถ๋ถ๋ ๋์ฌ๊ฒจ๋ณผ ๋ถ๋ถ์ด๋ค. ํ์ผ์ ๋๋๋ฉด import๋ฅผ ๋๋ค์ ํด์ฃผ์ด์ผํ๋ค. ๐ก ์๊ฐํ ์ import๊ฐ ๋๋ฌด ๋ง์ผ๋ฉด ๊ด๋ฆฌ๊ฐ ๋ถํธํ๋๊น ํค๋ํ์ผ ์ฒ๋ผ ๋ชจ์ ์ ์๋ ๋ฐฉ๋ฒ์ด ์๋์ง ์์๋ณด๊ธฐ โ ์ฝ๋ ๋ฆฌ๋ทฐ - main.dart // main.dart import 'package:flutter/material.dart'; // ๋ฐ์คํฌํ, ์ฑ ๋ฑ์ ๊ณ ๋ฃจ UI๋ฅผ ์ ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ ๊ตฌ๊ธ์ด ์ ๊ณตํด์ฃผ๋ ํจํค import 'package:untitled/ScreenA.dart'; import 'ScreenB.dart'; import 'Scre..
โ ์ด๋ฒ์๊ฐ์๋ ๋ค๋น๊ฒ์ดํฐ๋ฅผ ์ด์ฉํด ํ๋ฉด ์ ํํ๊ธฐ + ์ปจํ ์คํธ์ ๋ํด์ ์์๋ณผ ์์ ์ด์ผ โ Navigator ๋ฐ ํฌ์คํ ์ ์์ 1. Route์ ๊ฐ๋ - ์ค๋งํธํฐ์์ ๋ณด์ฌ์ง๋ ํ๋์ ํ์ด์ง ํ๋ฉด ! 2. Navigator์ ์ ์์ push, pop ํจ์, stack ์๋ฃ๊ตฌ์กฐ - stack ( FILO ) - push ๋ฐ์ดํฐ๋ฅผ ๋ฃ๊ธฐ - pop ๋ฐ์ดํฐ๋ฅผ ๋นผ๊ธฐ - Route(ํ์ด์ง) ๋ Navigator๋ผ๋ ์์ ฏ์ด ๋ด๋นํ๊ณ ๊ทธ ๊ตฌ์กฐ๋ ์คํ ๊ตฌ์กฐ์ด๋ค. 3. MaterialPageRoute์์ ฏ๊ณผ context - ํ๋ฉด์ ํํ ๋, ๋ฐ๋ก class ์ ๋ ฅํด์ ์ด๋ํ๋ ๊ฒ์ด ์๋๋ผ ํ๋ฉด์ ์ง์ ํด์ฃผ๋ฉด์ ์ด๋ํ๋ค. 4. ํ์ด์ง ์ด๋ ๊ธฐ๋ฅ ๊ตฌํ ์์ฑ โ ์ฝ๋ ๋ฆฌ๋ทฐ import 'package:flutter/material.d..
โ ์ด๋ฒ ์๊ฐ์๋ Column ์์ ฏ๊ณผ Row ์์ ฏ์ ๋ํด์ ์์๋ณผ ์์ ์ด์ผ ์ฌ์ฐ๋๊น ์ฑ ๋ณด๊ธฐ โญ๏ธ ๋ ์ด์์์ ํ์ต์ด๋ ๊ธํ ๋, ํ ์คํธ ํ์ง ์๊ณ ์ด๋ ๊ฒ ๋๋๊ฑธ ํ์ธํ ์ ์๋ ์ข์ ์ฌ์ดํธ๊ฐ ์๋ค. https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e Flutter Layout Cheat Sheet Do you need simple layout samples for Flutter? I present you my set of Flutter layout code snippets. I will keep it short, sweet and simple… medium.com โ Columns ์์ ฏ์ ์ธ๋ก์ถ์ ๊ฐ๋ฅํ ๋ชจ๋ ๊ธธ์ด๋ฅผ ๊ฐ..
โ ๋๋์ด ์ฌ๊ธฐ๋ถํฐ๋ ์ํ๋ง์ ๋ฒ์ด๋ ์กฐ๊ธ ๋งค์ด๋ง ๊ฐ์ข์ด๋ค ใ ..ใ ๋ฌด๋ฃ ๊ฐ์ข์ธ๋ฐ ์ง์ง ์ด๋ ๊ฒ ์ข์ ์๊ฐ ์์... ์ ํ๋ธ ์ฝ๋ฉ์ํ๋ ๊ฐ์ข๋ฅผ ๋ฌดํํ ์ถ์ฒํ๋ค. โ ์ด๋ฒ์๊ฐ๋ถํฐ๋ ์ปจํ ์ด๋ ์์ ฏ์ ๋ํด์ ์์๋ณผ ์์ ์ธ๋ฐ, ์ฐจ๊ทผ์ฐจ๊ทผ ๋ด๋ณด์. ์ฐ์ ํ๋ฌํฐ ๊ณต์ ํํ์ด์ง ๊ฐ์ ๋ ์ด์์ ์์ ฏ์ ํ์ธํ๋ ๊ฒ๋ ์ข์ ๋ฐฉ๋ฒ์ด๊ฒ ์ง? https://flutter-ko.dev/docs/development/ui/widgets/layout#Single-child%20layout%20widgets Layout widgets flutter-ko.dev ํ๋ฌํฐ์ ์ปจํ ์ด๋์ ๊ณต์ ๋ฌธ์๋ฅผ ๋ณด๋ฉด "Containers with no children try to be as big as possible" childern์ด ์์๊ฒฝ์ฐ ์ปจํ ์ด๋๊ฐ ..
โ ์ด๋ฒ ์๊ฐ์๋ ์ค๋ต๋ฐ์ ํ ์คํธ ๋ฉ์์ง์ ๋ํด์ ์์๋ณด์. ์ค๋ต๋ฐ์ ๊ฒฝ์ฐ์๋ ํจ์น๊ฐ์์์ ๋ณด์๋ค. ๊ทธ๋์ ScaffoldMessenger๋ฅผ ์ด์ฉํด์ ์ค์ค๋ก ๊ฐ์์ ์ค๋ฅ๋ฅผ ์์ ํ ์ ์์์ด ๊ฐ์์์๋ 2๊ฐ๋ก ๋๋ ์ ๊ฐ์๋ฅผ ์งํํ๋๋ฐ ScaffoldMessenger์ Toast๋ฉ์์ง๋ก ๋๋ ์ด์ ๋ฐํํ๋ค. ํนํ, ํ ์คํธ ๋ฉ์์ง ์ชฝ์์ error๊ฐ ์์์ด์ error ํด๊ฒฐํ๋ ๊ฒ๊น์ง ์ ์ด๋์์ผ๋ ๊ผญ ๋ณด๊ธฐ โ ScaffoldMessenger ์ฌ์ฉํ๊ธฐ import 'package:flutter/material.dart'; // ๋ฐ์คํฌํ, ์ฑ ๋ฑ์ ๊ณ ๋ฃจ UI๋ฅผ ์ ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ ๊ตฌ๊ธ์ด ์ ๊ณตํด์ฃผ๋ ํจํค void main() => runApp(MyApp()); class MyApp extends Stateless..