'Flutter' 태그의 글 목록

Flutter

코코의 행복한 개발도전기

[Flutter News] Flutter Clock Challenge 의 승자는?

2020.02.28

2020년 1월 20일에 마감된 Flutter Clock 만들기 대회의 결과가 나왔습니다. 승자의 상품은 무려 iMac Pro!!! 이는 Lenovo의 Smart Display를 위한 UI를 제작하는 공모전입니다. 시계는 4가지 심사 기준으로 평가됩니다. 1. 심미성 (Visual beauty) 아무래도 디자인은 예쁜게 중요하겠죠? 2. 독창성 (Novelty of idea) 얼마나 창의적인 디자인인가를 평가합니다. 3. 코드 퀄리티 (Code quality) 코드가 얼마나 효율적인지를 평가합니다. 4. 전반적 성능 (Overall execution) 작품의 전반적인 퍼포먼스를 평가합니다. 그렇다면 1등의 상품은 뭘까요? 그렇다면 최고의 작품 먼저 살펴보시죠 와.... 1등은 Mickel Andersso..

Flutter 정리 -4 기본적인 디자인의 이해

2020.02.26

오랜만에 쓰는 Flutter정리글. 처음에 Flutter를 입문하게 된다면 어떤 방식으로 시작해야할지 감이 잡히지 않을것이다. 당연하다. 나도 처음에 Flutter를 접하고 어떤 방식으로 디자인을 해야할 지 전혀 감이 잡히지 않았었다. 위 사진은 기본적으로 Flutter Application을 생성하였을 때 보여지는 이미지이다. 하지만 처음에 입문하는 입장으로서는 혼란스러운 기능들이 너무 많다. 필자도 처음에는 버튼을 클릭했을 때 숫자가 증가하는 원리에 대하여 무지하였다. 이러한 혼란을 방지하기위하여 MaterialApp과 Scafford를 남기고 모두 다 지워보았다. 이 코드를 한번 뜯어보자 import 'package:flutter/material.dart'; void main() => runApp(..

Flutter에서 "reference to an enclosing class method cannot be extracted"가 나타날 때 해결법

2020.02.08

여유롭게 개발 연습을 하고 있을 때 Button을 다른 Dart파일에 떼어놓기 위해 Extract to widget을 눌렀었다. 하지만 'reference to an enclosing class method cannot be extracted'라는 빨간 글자의 문구가 뜨면서 위젯 분리가 안되던 문제가 있었다. 어떤 부분이 문제를 초래했는지는 초보개발자인 나에게는 크나큰 장벽이었다. 다행히 이 문제는 생각보다 간단하게 해결할 수 있었다. 본질적으로 Refactor의 Extract Widget은 Class를 생성해주는 간편한 도구이기 때문에 이 경우에는 직접 class를 생성해주면 된다. StatelessWidget의 경우 이렇게 입력하면 자동으로 완성되어 나온다.

Flutter 정리 - 3 Flutter 문법에 관하여 알아보기 - 함수편

2020.02.03

void getSomething () { doSomething } // Creating Function getSomething(); // Calling the Function Flutter의 기본적 함수는 위와같이 이루어져있습니다. 위와 같은 함수는 Named function이다. 즉 함수에 이름이 있다는 의미입니다. 아랫줄의 getSomething();은 함수를 불러온다는 의미를 가진 코드입니다, Dart에는 Anonymous function이 있습니다. 버튼을 생성할때 (나중에 다룰 예정) 무조건 보게될 onPressed 함수를 예로들겠습니다. onPressed: (){/dosomething} 'onPressed:' 는 void Callback 즉 콜백을 요구하는 함수인데 (Flutter에서 매우 자..

Flutter 정리 - 2 Flutter 문법에 대해 알아보기 - 변수

2020.02.03

https://dartpad.dev/ DartPad dartpad.dev 시작 전 안드로이드 스튜디오 말고 간단하게 Dart를 다룰 수 있는 웹사이트를 추천합니다. Part 1. Concept (콘셉트) Flutter는 사실 프로그래밍 언어가 아닙니다. 구글에서 개발한 Dart라는 언어를 사용하는 Framework입니다. Dart라는 언어는 매우 일관적이며 간결한 프로그래밍 언어를 지향하고 있습니다. 변수에 넣을 수 있는 모든 것은 객체이고, 모든 객체는 클래스의 인스턴스입니다. 변수의 타입은 정해져 있지만 유추가 가능합니다.(var, etc..) 타입이 없다 선언할 때는 dynamic을 사용합니다. 같은 제네릭 형식을 지원합니다. 함수에서 함수를 생성할 수 있습니다. 클래스 또는 객체와 연결된 변수뿐 ..

Flutter 정리 - 1 설치를 해봅시다.

2020.02.03

Flutter를 시작해봅시다. https://flutter-ko.dev/ Flutter - 가장 빠른 아름다운 네이티브 앱 Flutter(플러터)는 하나의 코드 베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일되는 구글의 아름다운 UI 툴킷입니다. Flutter는 기존 코드와 함께 동작하고, 전 세계 개발자와 조직에 쓰이고 있으며, 무료 오픈 소스입니다. 시작하기를 눌러줍니다. 윈도우 사용자 기준 윈도 클릭해줍니다. 그다음에 SDK를 다운로드하여 압축을 풀고 C드라이브에 넣어줍니다. Path를 추가해야하는데 영어 윈도 기준 Path를 치거나 한글 위도우의 경우 환경변수를 입력하면 이 아이콘이 뜹니다. 여기서 Environment Variables를 클릭 한글로는 환경변수입니다. 환경변수 위쪽에 있는 ..

코코의 행복한 개발도전기

티스토리툴바