이러한 형태의 주사위 앱을 만들어본다. 완성된 주사위 앱의 모습이다. 구조도 이번에 만들 앱의 구조도이다. github.com/londonappbrewery/dicee-flutter 우선 깃에서 클론을 받아온다. 기본적으로 AppBar, App Icon, background color 등이 미리 설정이 되어있다. 이제 여기에 주사위 이미지를 추가해보자 이미지가 화면보다 크기 때문에 노란색과 검은색이 교차된 이상한 이미지가 나타난다. Expanded 여기서 Expanded 위젯이 사용된다. Expanded 위젯은 자식이 사용 가능한 공간을 채우도록 행, 열 또는 유한한 영역의 자식을 확장하는 위젯이다. Expanded 위젯을 사용한 모습 Flex Flex는 간단한 방법으로 비율을 조정할 수 있다. 디폴트 ..

이번 프로젝트의 구조도입니다. import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: Scaffold( backgroundColor: Colors.grey, appBar: AppBar( title: Text('I Am Poor'), backgroundColor: Colors.black12, ), body: Center( child: Image( image: AssetImage('images/coal.png'), ), ), ), )); } 이번 프로젝트의 코드입니다. MaterialApp안에 Scaffold라는 layout 위젯을 넣어주면 appBar, Body, BottomNavigationBar, FloatingAc..

Flutter 먼저 이곳에 들어가준다. flutter.dev/docs/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. flutter.dev 그 다음 macOS 클릭한다. Flutter SDK설치 그럼 이런 화면이 뜨는데 저 파란 상자를 클릭해주면 된다. 그럼 다운로드가 완료된다. 나는 kang이라는 폴더안에 집어넣어주었다. 위의 링크에서는 압축을 풀라고 나오는데... 굳이 안풀어도 풀려있어서 풀지않았다. PATH 추가하기 여기서 삽질을 좀 많이했다... bash_profile에 PATH를 추가하려는데 자..

Matplotlib는 plotting 라이브러리이다. matplotlib.pyplot 모듈에 대해 간단하게 배워보자. import matplotlib.pyplot as plt 먼저 위와 같이 import해준다. %matplotlib inline 다음과 같은iPython command를 실행함으로써 차트들을 디스플레이 할 수 있다. Plotting Matplotlib에서 가장 중요한 기능은 2차원 데이터를 그래프로 그릴 수 있게 해주는 plot이다. x = np.arange(0, 3 * np.pi, 0.1) print(x) 결과 [0. 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9 1. 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 2. 2.1 2.2 2.3 2.4 2...