개발(합니다)/Flutter&android&ios (27) 썸네일형 리스트형 [Flutter] OutlinedButton 모서리 둥굴게 만드는 방법 버튼 위젯의 경우 모양을 여러가지로 변경해야 하는 경우가 있습니다. 기본 제공하는 모양은 사각형의 모양으로 모서리를 둥굴게 변경해야해 하는 경우에 사용합니다. OutlinedButton.styleForm을 이용해서 모양을 변경할 수 있습니다. 관련 정보는 아래 사이트에서 확인 가능합니다. https://flutter.dev/docs/release/breaking-changes/buttons child: OutlinedButton( onPressed: () => print('2차필터'), child: _filter2Option[index], style: OutlinedButton.styleFrom( padding: EdgeInsets.symmetric(horizontal: 16), shape: const .. [flutter] firebase 연동하기 firebase 설정 1. firebase.google.com/ 에 접속합니다. 2. 콘솔로 이동합니다. 3. 프로젝트를 만듭니다. 4. 애널리틱스는 사용할지를 선택합니다. 저는 사용 안할거라 설정을 안했습니다. 5. 완성 되면 콘솔로 이동 되고 Firestore Database를 선택해주세요 6. 데이터베이스를 테스트 모드로 만들어줍니다. 일정 기간 동안 사용할 수 있습니다. 규칙을 바꾸면 원하는 방식으로도 만들 수 있습니다. 7. 저장소 위치를 지정합니다. 우리나라로도 할 수 있고 원하는 위치에 설정하시면 되고 저는 기본 설정으로 하겠습니다. 처음 지정하면 변경 할 수 없으니 유의해야 합니다. 8. 컬렉션을 원하는 형태로 등록합니다. 컬렉션 - 문서 - 필드의 계층을 가지는 구조입니다. 컬렉션안에 문.. [flutter-16] 날씨 앱 만들기 Widget lifecycle(생명 주기) Stateless Widget : 한번 생성되면 절대로 바뀌지 않는 앱으로 새롭게 빌드해야 하는 위젯 새로 빌드 될 때는 build method에서 바꾸고자하는 값들을 넣어주면 됨 Stateful Widget : State 위젯에 따라 원할때마다 값들을 동적으로 변경할 수 있는 위젯 stateful은 stateless 위젯보다 긴 수명 생명주기를 가지며 보다 많은 생명주기 함수들을 가지게 됩니다. stateful 위젯의 대표적인 생명주기 위젯 initState method : 최초 생성 될때 호출되는 함수 builf method : 빌드 될때마다 호출되는 함수 dispose method, deactivate method : 파괴 될때 호출되는 함수 @overri.. [flutter-15] Future-async 심화 Thread 프로세스내에서 실행하는 흐름의 단위 Procees vs Program Photoshop은 하나의 프로그램이며 실행시키면 생명을 얻어 하나 이상의 프로세스를 가지게 됩니다. Process는 앱의 동작을 담당하는 역할을 가집니다. Event loop Dart는 싱글 스레드로 운영되는 언어이며 Flutter는 Dart를 기반으로 합니다. Event loop의 수행 방식 First In First Out 방식으로 "MicroTask와 Event"를 준비 main 함수 실행 Event loop 실행 MicroTask는 이벤트 큐로 넘어가기 전에 비동기적으로 실행되고 종료되는 작은 작업 단위입니다. 외적인 Event가 발생하면 순차적으로 큐에 등록하여 처리합니다. ex) gesture, drawing,.. [flutter-14] 반복문 - For loop 반복해서 같은 행위를 하도록 합니다. for loop 기본 형태 : C 언어에서 온 형태 for (int i = 0; i < 6; i++) { print('$i 번째 실행'); } for in loop 리스트에 담긴 데이터를 순차적으로 출력하는 방식 List rainbow = ['빨', '주', '노', '초', '파', '남', '보']; for(int i = 0; i < rainbow.length; i++ ){ print('$i' + rainbow[i]); } print('==========='); for(String s in rainbow) { print(s); } foreach loop for in loop와 동일하지만 foreach가 성능이 좀 더 좋다고 봄 rainbow.forEach((ele.. [flutter-13] 로그인과 주사위 놀이 만들기(위젯 리팩토링, future, async, await) main.dart import 'package:flutter/material.dart'; import 'dice.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Dice game', home: LogIn(), ); } } class LogIn extends StatefulWidget { @ove.. [flutter-12] Stateful widget State State란 UI가 변경되도록 영향을 미치는 데이터입니다. 앱 수준과 위젯 수준의 데이터가 구분됩니다. 앱의 상태를 바꾸는 모든 행위입니다. 1. Tree widget tree : 개발자가 관리하는 위젯으로 설계도 역할입니다. element tree : widget tree와 render tree를 연결하는 역할을 하며 flutter에 의해 관리 되는 tree 입니다. render tree : 실제 화면에 표출하는 역할을 하며 flutter에 의해 관리 되는 tree입니다. 2. Reload vs Rebuild Reload : 프레임은 그대로 두고 부수적인 것만 바꾸는 상태, 한번 생성되고 바꾸려면 일부만 변경합니다. Rebuild : 프레임도 바꾸고 부수적인것도 바꾸는 상태, 한번 생성되고 .. [flutter-11] Collection과 Generic 1. String interpolation(보간법) '$' 변수 값을 전달 받아 그대로 출력하는 용도로 사용합니다. main() { String name = "Test"; print("$name hi" ); } 2. Collection / Generic 데이터들을 모아서 가지고 있는 자료구조 Collection이 가지고 있는 데이터들의 데이터 타입을 지정 List fixed-length list : 용량 제한 growable list : 용량 무제한 main() { String name = "Test"; print("$name hi" ); List num = new List(); // dynamic은 모든 형태를 받을 수 있는 자료형 // List num = new List(); // in.. 이전 1 2 3 4 다음
