์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- swift
- realm
- Flutter
- BFS
- ํ๋ก๊ทธ๋๋จธ์ค
- ํจ์คํธ์บ ํผ์ค
- tableView
- raywenderlich
- reactorkit
- arkit
- RxSwift
- ios
- Kuring
- visionOS
- XCTest
- TCA
- SwiftUI
- BOJ
- MVVM
- SnapKit
- combine
- Lv2
- Xcode
- CollectionView
- rxcocoa
- ๋ฐฑ์ค
- designpattern
- Swfit
- UIKit
- node.js
- Today
- Total
๋ชฉ๋กflutter/์ํ๋ง(๊ธฐ์ด) (18)
lgvv98
โ ํ๋ก๊ทธ๋๋ฐ ์์์ ํด๋์ค๋? - ๊ฐ์ฒด๊ฐ ๊ฐ์ ธ์ผํ๋ ์์ฑ๊ณผ ๊ธฐ๋ฅ์ ์ ์ํ ๋ด์ฉ์ ๋ด๊ณ ์๋ ์ค๊ณ๋ ์ญํ โ ํ๋ก๊ทธ๋๋ฐ ์์์ ๊ฐ์ฒด๋? - ํด๋์ค๊ฐ ์ ์๋ ํ ๋ฉ๋ชจ๋ฆฌ์์ ํ ๋น๋์์ ๋ ์ด๋ฅผ ๊ฐ์ฒด๋ผ๊ณ ํจ. โ ํ๋ก๊ทธ๋๋ฐ ์์์ ์ธ์คํด์ค๋? - ํด๋์ค๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์์ฑ๋๋ค. - ํด๋์ค์ ์์ฑ๊ณผ ๊ธฐ๋ฅ์ ๋๊ฐ์ด ๊ฐ์ง๊ณ ์๊ณ , ํ๋ก๊ทธ๋๋ฐ ์์์ ์ฌ์ฉ๋๋ ๋์ โ ๋คํธํจ๋์์ ํด๋์ค์ ์์ฑ์์ ๋ํด์ ์์๋ณด์ class Person { String name = 'John'; int? age; String? sex; } void main() { Person p1 = new Person(); p1.age = 30; print(p1.age); } // return 30 ํด๋์ค์ ์์ฑ์๋ ์๋ฐ์์ ์ผ๋ ๋ฐฉ์๊ณผ ๊ฐ์์ ์ฝ๊ฒ ..
โ ์ด๋ฒ ์๊ฐ์๋ part1,2๋ฅผ ๋์์ ์ ๋ฆฌํด ๋ณด์๋ค. ์ด์ ์ ๊ฐ๋ฐ์ ํ์ด์ ๊ทธ๋ฐ์ง ์์ ฏ์ ๋ค๋ฃจ๋ ๊ฒ์ด ํฌ๊ฒ ์ด๋ ต์ง ์์๋ค. โ๏ธํฌ์คํ ์ ๋ณด๊ธฐ ์ ์ด ๊ธ์ ๋งจ ์๋์ ๋ณ๊ฒฝ์ฌํญ ๋ถ๋ถ์ด ์๋๋ฐ ๊ผญ ์ฐธ๊ณ ํ๊ธธ ๋ฐ๋. ์ฌ๊ธฐ์๋ Divider์ Center์์ Columns ๊ทธ ์์ Center๋ฅผ ์ด์ฉํด์ UI๊ตฌ์ฑ์ ๋ณด์๋๋ฐ ์๋นํ ์ ๋ฐํ๋ค โ ์ฝ๋๋ฆฌ๋ทฐ ๋ฐ ์ฝ๋์ ๋ํ ์ค๋ช import 'package:flutter/material.dart'; // ๋ฐ์คํฌํ, ์ฑ ๋ฑ์ ๊ณ ๋ฃจ UI๋ฅผ ์ ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ ๊ตฌ๊ธ์ด ์ ๊ณตํด์ฃผ๋ ํจํค void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext..
1. ์บ๋ฆญํฐ ์นด๋ ํ์ด์ง ๋ง๋ค๊ธฐ โ CenterTitle : title์ ์ค์์ ์์น ์ํด - True or False โ appbar Background : ์ฑ๋ฐ ๋ฐฐ๊ฒฝ์ ๋ฐ๊ฟ โ elavation : ์ฑ ๋ฐ์ ์๋ ๊ทธ๋ฆผ์ ์ค์ 2. padding widget โ Padding ์์ ฏ ์ฌ์ฉ โ๏ธ์ ์ํ ์ โ๏ธ ํ๋ฌํฐ์์๋ ๊ฐ๋ก์ถ์ ๋ํด์๋ width๋ฅผ ๊ฝ ์ฑ์ฐ๊ฒ๋ ๋ ์ด์์์ด ์กํ ์๋๋ฐ, ์ธ๋ก์ถ์ ๋ํด์๋ ๋ ์ด์์์ ์ก์ง ์๋๋ค. ๋ฐ๋ผ์ mainAxisAlignment: MainAxisAlignment.center ์ด ์ฝ๋๋ ์ธ๋ก ์ถ์ ๊ธฐ์ค์ผ๋ก ์ค์ฌ์ ์์นํ๊ฒ ํ๋ ์ฝ๋์ด๋ค. โ Center ์์ ฏ ์ฌ์ฉ Center๋ฅผ ํตํด ๊ฐ๋ก์ถ ์์ ๊ฐ์ด๋ฐ๋ฅผ ์ก๊ณ , ์ธ๋ก์ถ ์์ ์ค์ฌ์ mainAxisAlignment: Ma..
1. ํ๋ฌํฐ ํ๋ก์ ํธ ํด๋์ ๊ตฌ์ฑ โ pubspec.ymal : ํ๋ก์ ํธ์ ๋ฒ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฑ๋ฑ์ ๊ด๋ฆฌ โ ์๋๋ก์ด๋ ํด๋ ๋ฐ iOSํด๋๋ ๊ฐ๊ฐ์ ํ๋ซํผ์ ๋ฐฐํฌํ๊ธฐ ์ํ ์ฝ๋๋ฅผ ๊ฐ์ง โ testํด๋๋ Dart์ฝ๋ ํ ์คํ ์ํ ์ฝ๋ โ โญ๏ธ libํด๋ ์ฌ๊ธฐ์ ์ฑ ๋ง๋ค ๋ ์์ ์ ์ฃผ๋ก ํ๋ค 2. ์ฝ๋์ ๊ธฐ๋ณธ ๋ด์ฉ / ์ฑ ํ์ด์ง์ ๊ธฐ๋ณธ ๊ตฌ์กฐ ๊ณต์ํ ํ๊ธฐ โ ํด๋์ค ๋ช ๊ณผ ํจ์ ๋ช - main(), runApp() -> ์ด๋ค ๊ธฐ๋ฅ์ ๋ด๋นํ๋ ํจ์ (์ฒซ๊ธ์ ์๋ฌธ์) - MyApp() -> ํด๋์ค (์ฒซ๊ธ์ ๋๋ฌธ์) โ ํด๋ก์ง ๋ ์ด๋ธ - ํ๋ฌํฐ๋ ์์ ฏ์ผ๋ก ์์ ํด์ ๋ซ๋ ๋ถ๋ถ์ด ์ ๋ง ์ค์ํ๋ฐ, ํด๋ก์ง ๋ ์ด๋ธ์ ์ฃผ์์ ์ ๊ณตํด์ค. 3. ์ฒซ๋ฒ์งธ ํ๋ฌํฐ ์ฑ ๋ง๋ค๊ธฐ โ ์ฝ๋ ๋ฆฌ๋ทฐ ๋ฐ ์ฝ๋์ ๋ํ ์ค๋ช import 'package..
1. ํ๋ฌํฐ ์์์์ widget์ด๋? โ ์ผ๋ฐ์ ์ธ Widget์ ์ค๋ช - ๋ ๋ฆฝ์ ์ผ๋ก ์คํ๋๋ ์์ ํ๋ก๊ทธ๋จ - ์ฃผ๋ก ๋ฐํํ๋ฉด ๋ฑ์์ ๋ ์จ๋ ๋ด์ค ๋ฑ ์ํ์ ๋ณด ๋ฑ์ ๋ณด์ฌ์ค - ๊ทธ๋ํฝ์ด๋ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ๋ ํจ์๋ฅผ ๊ฐ๊ณ ์์ โ What is Widget in flutter? - UI๋ฅผ ๋ง๋ค๊ณ ๊ตฌ์ฑํ๋ ๋ชจ๋ ๊ธฐ๋ณธ ๋จ์ ์์(ex. textFiled, text etc) - ๋์ ๋ณด์ด์ง ์๋ ์์๋ค๊น์ง ์์ ฏ (ex. padding, marging, center, column etc) - Everthing is a widget (View๋ง์ ๋ ์์ ฏ) -> ์์ ฏ์ผ๋ก๋ง ๊ตฌ์ฑํจ์ผ๋ก ์ฝ๋๋ก๋ง ์์ฑํด. ๊ทธ๋์ ์คํ ๋ฆฌ๋ณด๋๊ฐ ๋ฐ๋ก ์์ด. 2. Stateless widgets ๐ Stateful widgets โ Type of..
โ ์ด๋ฒ์๋ ํ๋ฌํฐ๋ฅผ ์์ํ๋ค. โ Flutter ๋ฐฐ์ฐ๊ธฐ ์๋๋ ์น๊ตฌ๊ฐ ์๋ ค์ค ์ธ๊ตญ ๊ฐ์๋ฅผ ๋ค์ผ๋ ค๊ณ ํ์ผ๋... ๋งํฌ๋ฅผ ๋ชป์ฐพ๊ฒ ์ด์ ๊ตญ๋ด ์ ํ๋ธ ์์์ผ๋ก ํ๊ธฐ๋ก ํจ. ํ์ต์ ์๋์ ์์ ๋งํฌ 5๊ฐ๋ถํฐ ์์ํ ๊ฑด๋ฐ ์ค์น๋ ์ด๋ฏธ ๋ค ํ์ผ๋๊น..! ๊ทธ๋ฌ ํ์ดํ ๋ด ๋ธ๋ก๊ทธ flutter์ชฝ์ ํ๋ํ๋ ๋ฐ๋ผ๊ฐ๊ธธ ๋ฐ๋๋ค โ ๊ณต๋ถ ํ๊ฒฝ โ ํ์ต ๋งํฌ: https://www.youtube.com/watch?v=jI4kqLdqXic&list=PLQt_pzi-LLfpcRFhWMywTePfZ2aPapvyl&index=5 ํ.. ์๋๋ก์ด๋ ์ฑ(์๋ฐ) -> ๋ฐ์ดํฐ ์ฌ์ด์ธ์ค(python) -> ์น ํ๋ก๊ทธ๋๋ฐ -> iOS ์ฑ(Swift) -> flutter(Dart) ์ฌ๋ฌ๊ฐ๋ฅผ ๋ค ์ํ๋ฉด ์ข์ผ๋๊น...! https://dartpad.da..