오늘하루도 우힣ㅎ

Future 란? 오늘은 FutureBuilder에 대해 올려볼려고 한다. flutter의 경우 비동기 통신을 사용하고 있는데 이는 동기식 통신과 다르게 서버에서 데이터를 모두 받아오기전 화면을 그려줄수 있게 되는 장점을 가질수가 있다. Future를 사용하게 되면 미래의 잠재적인 값을 결정하게 되고 정보를 불러오는 동안 어떤걸 보여줄지 선택할수 있도록 해줍니다. 만약 서버에서 데이터를 받아올때에 어플리케이션 측에서는 정보를 언제 다 받는지 알수가 없습니다. 그렇기 때문에 future의 상태를 확실히 확인하는 과정이 필요하다. 아래의 코드를 예시로 들어보겠다. Future getting = Future.delayed( Duration(seconds: 2), () => 'Data Loaded', ); ge..

학생 편의를 위한 어플리케이션을 동아리원들과 함께 만들고 있다. 그 중 학교내 행사를 등록하고 보여줄수 있는 페이지가 있다. 하지만 하나의 이미지만으로는 해당 행사가 어떤것임을 제대로 알려주지 못하는 경우도 있고 여러가지의 사진을 한번에 넣을수 있도록 하는게 더 좋을것 같다는 의견이 있었다. 그래서 해당 기능을 찾다 보니 multi_image_picker라는 좋은 패키지가 있었다. 해당 패키지는 아래에 링크에 존재한다. https://pub.dev/packages/multi_image_picker#-readme-tab- multi_image_picker | Flutter Package Flutter plugin that allows you to display multi image picker on iOS..

학교에서 2명의 사람과 함께 산학프로젝트를 하면서 각자 맡은 부분에대해 UI를 만든적이 있다. 이때 각자 디자인을 보고 다른 글자크기, 자간, 색상등을 사용하여 나중에 통일시키는 작업을 하는데 큰 애를 먹었었다(아직도 그런 곳들이 있어서 너무 힘들다...언제 다 통일을 시키지...). 이와 같은 번거로운 일을 하지 않기 위해서는 Theme을 사용하는것이 중요하다. Flutter 의 THEME는 앱전체에서 특정한 색상이나 글꼴을 통일시켜주기 위해서 사용이 되어진다. 또한 전체가 아닌 설정한 THEME를 통해 부분적으로 변화를 주거나, 부분적으로 적용이 가능하기도 하다. 1. 시작 코드는 아래와 같다. main.dart에서는 first_page.dart를 부른다. first_page에서는 메인에서 선언한 테..

대부분의 앱은 키보드를 치다 다른 부분을 누르면 키보드가 사라지길 바라는 경우가 있다. 하지만 flutter의경우 다른 설정없이 키보드가 뜨게 되면 아무리 다른 부분을 눌러도 키보드가 알아서 사라지지 않는다. 이경우 사용하는 방법중 하나인 focusscope.of(context).requestfocus(new focusnode()); 이다. 1. Start Code import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContex..