안드로이드/Flutter (30) 썸네일형 리스트형 플러터 위젯 - 화면 배치에 쓰는 위젯(2) 1. SingleChildScrollView 하나의 자식을 포함하는 스크롤 가능한 위젯 •Column은 위젯의 크기만큼 가로 길이를 가지므로 영역이 좁을 수 있음 •ListBody를 사용하면 스크롤 가능 영역이 가로로 꽉 차기때문에 스크롤하기 더 편리함 2. ListView, ListTile 리스트를 표시하는 위젯 •SingleChildScrollView와 Listbody의 조합과 동일한 효과를 냄 •좀 더 리스트 표현에 최적화된 위젯 •ListView와 ListTile 위젯을 조합하면 표준적인 리스트를 쉽게 만들 수 있음 3. GridView 열 수를 지정하여 그리드 형태로 표시하는 위젯 •GridView.count() 생성자를 사용하면 간단하게 그리드 작성 가능 예시) GridView.count() .. Flutter StatefulWiget Lifecycle(생명주기) Stateful Widget Lifecycle(생명주기) 플러터가 StatefulWidget을 만들 때, State객체를 만든다. 이 개체는 해당 위젯의 모든 가변 상태가 유지 되는 곳이다. state의 개념은 두 가지로 정의 된다: 위젯이 사용하는 데이터는 변경 될 수 있다. 위젯이 빌드 될때 데이터를 동시에(synchronously) 읽을 수 없다. (모든 state는 build 메서드가 호출 될때 까지 설정 되어야 한다.) 라이프 싸이클은 다음과 같은 간단한 단계를 포함하고 있다. createState() mounted == true initState() didChangeDependencies() build() didUpdateWidget() setState() deactivate() dispose.. Flutter 프로젝트 구조와 앱 구조 플러터 프로젝트 폴더 구조 프로젝트를 만들면 이 안에 프로젝트 파일들이 자동으로 생성됩니다. 샘플 앱이 함께 생성 되기 때문에 아무것도 하지 않아도 앱이 하나 만들어진겁니다. ios: iOS 빌드시에 필요한 파일들과 코드들이 생성됩니다. android: Android 빌드시에 필요한 파일들과 코드들이 생성됩니다. lib: 스켈레톤 앱의 코드가 들어있으며, 이후의 코드 구현은 거의 모두 이 폴더 내에서 합니다. pubspec.yaml: 플러터 프로젝트의 중심 같은 파일로, 앱 이름, 버전, 빌드, 의존성 (dependencies), 리소스 (이미지, 폰트 파일 등) 등이 모두 등록되어 있는 파일입니다. 플러터 앱 구조 다음은 플러터 프로젝트 생성시 샘플 앱 코드를 나눠봤습니다. 위 세덩어리는 사실상 거의 .. 플러터 위젯 - 화면 배치에 쓰는 위젯(1) 위젯은 화면을 구성하는 컴포넌트다. UI는 위젯의 조합으로 구성되므로 위젯을 많이 알수록 더 좋은 UI를 만들 수 있다. 플러터는 머티리얼 디자인을 표준 디자인으로 사용하지만 필요에 따라 iOS 쿠퍼티노 디자인도 사용 가능하다. 오늘은 수많은 위젯 중 화면 배치에 쓰는 위젯 몇 가지를 살펴볼 예정이다. 1. Container Container는 아무것도 없는 위젯을 뜻하며 다음과 같은 특징을 가지고있다. •다양한 프로퍼티를 가지고 있음 •사용하기에 따라서 다양한 응용 가능 •가로 세로 길이, 색, 안쪽 여백(padding), 바깥쪽 여백(margin)등 설정 가능 •Child 프로퍼티로 또 다른 위젯을 자식으로 가질 수 있음 2. Column Column은 수직 방향으로 위젯들을 나란히 배치하는 위젯이다.. Dart 기본문법 중 메모 1. assert() 함수 -> 계산 결과가 참인지 검사. 예제) assert(2 + 3 == 5); assert(3 * 5 == 15); 위 예제는 모두 참 2. 타입 검사 키워드 is is : 같은 타입이면 true is! : 다른 타입이면 true 예제) int a = 10; if (a is int) { print('정수'); } String text = 'hello'; if (text is! int) { print('숫자가 아님'); } 3. 형변환 키워드: as 같은 타입끼리 변환 X ex) var -> int / double -> int 상위개념으로만 변환 O ex) int -> double; / int -> num / double -> num 예제) var c = 30.5; int d = c.. Flutter 개발 환경 만들기 What is Flutter? Android와 iOS 환경에 동시에 App을 개발할 수 있는 프레임 워크이다. 사용언어: Dart 사용처: Android, iOS, web, back end, Fuchsia( 구글에서 PC, IoT 등을 대상으로 한 차세대 OS) '구글에서 전폭적으로 밀고있는 프로그래밍 언어' 이다. Optimized(최적화)가 잘 된 언어이기 때문에 퍼포먼스에 경쟁력이 있고 쉬워서 진입장벽이 낮은 장점이 있다. 개발 환경 구축 준비물 - Android Studio https://developer.android.com/studio/ 이전 1 2 3 4 다음
