[Dart] 비동기 프로그래밍 비동기 프로그래밍이란? 비동기 프로그래밍이란 어떤 특정 작업을 할 때 기다리지 않고 다음 작업을 동시에 실행하는 것을 의미한다. 아래 동기적 프로그래밍 Task1이 끝나고 Task2를 실행하고 Task2이 끝나고 Task3을 실행하는 것을 확인할 수 있다. 하지만 이와 같은 경우 Task2의 작업이 오래 걸린다면 단순한 작업인 Task3을 실행시키지 못하고 Task2가 끝날 땍 까지 기다려야 한다는 단점이 있다. 위의 문제를 비동기적 프로그래밍으로 바꾸어서 해결할 수 있다. 필자가 많이 사용해본 js의 경우 promise, callback, async await 등으로 비동기적으로 함수를 실행시킬 수 있었다. DART 동기적 실행 import 'dart:io'; void m..

섹션 10:Quizzler [List, Class, Object] List 지난 시간의 실로폰에 이어서 이번에는 퀴즈를 맞추는 앱을 개발하겠습니다. 우선 대부분의 언어에 다 있는 배열에 대해 알아 봅시다. 배열이란? 특정한 타입의 데이터를 연속으로 여러개 가질 수 있는 자료형을 뜻한다. 그럼 Dart에서 어떻게 사용하는지 알아 봅시다. void main() { List hi = ['Angela', 'James', 'Katie', 'Jack']; //dynamic List name = ['Angela', 'James', 'Katie', 'Jack']; //String type print(hi[0]); // Angela print(hi.indexOf('James')); // 1 hi.insert(2, "Be..

Hot reload Hot Restart 지난 시간에 이어 Hot reload와 Restart에 대해서 알아봅시다. Hot reload의 경우에는 코드가 변경 되었을 경우 바로바로 변경됩니다. 아래 예시를 한번 봅시다. import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( backgroundColor: Colors.red, body: Container(), ), ), ); } 실행 후에 이런 예시가 보일 것인데 Colors.red를 변경해주면 당연히 hot reloading에 의해 바로 변경되어야 할 것 같지만 변경되지 않습니다. 그 이유는 Stateless, Stateful한 위젯이 아니기 때문..

설치 링크 파란 버튼을 눌러 압축 파일을 다운로드 후 압축해제 한다음 컴퓨터 유저네임안에 developer라는 폴더를 만든 후 위치한다. 나의 경우에는 아래와 같이 leesanghoon에 위치시킨다. 그 다음 iterm2나 terminal을 실행해준 뒤 path를 업데이트 해주겠습니다. vim ~/.zshrc 아래 명령어를 입력한다. export PATH="$PATH:$HOME/Developer/flutter/bin" 작성 후 새로운 터미널 화면을 만든 후 (command + N) 아래와 같이 flutter --version이라고 입력하면 아래와 같은 설명들이 나올 것이다. 안드로이드 스튜디오가 설치되었다는 가정하에 preferces로 이동해준다. plugins로 들어가서 Flutter를 검색 후 설치해..

아래 강의를 듣고 학습하는 것입니다. The Complete 2020 Flutter Development Bootcamp with Dart Officially created in collaboration with the Google Flutter team. www.udemy.com 항상 어떤 기술을 배우기 전에 이것이 과연 무엇인가?를 정확히 알고 시작하는 것이 중요한 것 같습니다. 그럼 우선 Flutter를 공부하기 전 무엇인지 알아봅시다. Flutter란? Dart라는 언어를 활용해서 android와 ios 앱을 동시에 개발할 수 있는 프레임워크를 의미한다. 보통 개발자 한명이 두개를 동시에 개발하려면 android의 경우 java와 kotlin을 공부해야하고 ios의 경우 object c, swif..

지난 시간에 flutter를 설정해보고 프로젝트를 만드는 것 까지 해보았다. 이번에는 프로젝트를 실행하고 Simulator로 실행해보겠습니다. 그리고 필자는 VsCode를 좋아합니다. Vs Code - flutter 설치 우선 Flutter를 확장 프로그램 마켓에서 설치합니다. Vs Code내에서 프로젝트 생성 Vs Code에서 Command + Shift + P를 눌러주면 아래와 같은 화면이 나옵니다. flutter를 작성 후 New Project를 선택한 후 프로젝트 이름을 적어주면 됩니다. 프로젝트 실행 Vs Code내에서 Terminal을 켜서 flutter Run을 해주면 Flutter SDK version and a device name (or the message No Devices). 연결..