가을기 Workspace

0. homebrew가 설치되어 있다고 가정 1. 아래 커맨드 순차적으로 실행 brew install --cask android-studio brew install --cask android-SDK brew install --cask android-ndk brew install --cask flutter 2. bash_profile 수정 vim ~/.bash_profile ## ## ## ## ## ## ## ## ## ## Flutter ## ## ## ## ## ## ## ## ## export PATH="`pwd`/flutter/bin:$PATH" 3. xcode는 app store에서 설치할 것. open -a Simulator 끝.

파이어베이스는 모바일 앱이나 웹 애플리케이션을 개발하고 운용할 때 사용할 수 있는 여러가지 서비스를 제공하는 클라우드 플랫폼입니다. 파이어베이스를 이용하면 서버리스 앱을 개발하고 운용할 수 있고, 또한 일정 용량까지는 무료로 이용할 수 있다는 것이 큰 장점입니다. 파이어베이스를 이용하려면 먼저 파이어베이스 프로젝트를 만들고 앱 개발 프로젝트와 연동해야 합니다. 파이어베이스 프로젝트 만들고 앱 설정하기 시작하기를 누릅니다. 시키는 대로 이름을 짓습니다. (짤을 이용한 이터널 리턴 생존도감 광고) 애널리틱스를 사용하도록 설정합니다. (무료기도 하고 마다할 이유가 없죠!) 계정을 선택하고 [프로젝트 만들기]를 클릭합니다. 프로젝트를 만들었으면 앱을 등록해야합니다. 앱 등록시 패키지 이름에 사용할 앱 패키지 이..

본 예제에서는 easy_localization 을 사용합니다. 다른 라이브러리가 arb로 generate 하고 변환한 arb 파일을 사용하는 것에 비해 easy_localization은 지정한 경로에 json만 만들면 되기 때문에 사용이 대단히 편리합니다. pubspec.yaml dependencies: easy_localization: ^3.0.0 위와 같이 설정해서 의존성 다운로드를 받습니다. main.dart void main() async { // Needs to be called so that we can await for EasyLocalization.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized(); await EasyLocali..

main.dart import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class SliverPage extends StatefulWidget { @override State createState() => _SliverPage(); } class _SliverPage extends State { Widget customCard(String text) { return Card( child: Container( height: 120, child: Center( child: Text( text, style: TextStyle(fontSize: 40), )), )); } @override Widget build(Build..

https://api.flutter.dev/flutter/animation/Curves-class.html 페이지 이동할 때 애니메이션을 적용하기 위해 Hero 위젯을 이용한다. Hero 위젯은 페이지 간 이미지를 자연스럽게 애니메이션으로 연결해준다. 환경 준비 flutter: # The following line ensures that the Material Icons font is # included with your application, so that you can use the icons in # the material Icons class. uses-material-design: true # To add assets to your application, add an assets section,..

플러터에서 앱의 데이터를 저장하는 방법 중, SharedPreference를 사용해서 간단한 데이터를 저장한다. 환경 준비 dependencies: flutter: sdk: flutter shared_preferences: ^2.0.6 코드 import 'package:flutter/material.dart'; import 'package:shared_preferences/shared_preferences.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context..

https://medium.com/@icelancer/flutter-navigator-1-basic-e300efb24543 flutter의 Navigator는 스택을 이용해 페이지를 관리할 때 사용하는 클래스이다. main.dart import 'package:flutter/material.dart'; import 'package:subpage_example/page/first.dart'; import 'package:subpage_example/page/second.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @overrid..

앱을 만들다 보면 모든 내용과 기능을 한 화면에 보여줄수 없을 떄가 많다. 각 화면을 탭으로 연결한 탭바를 이용해 관련 있는 내용끼리 묶을 수 있겠다. 메인 화면에서 탭을 눌러 화면을 이동할 수 있으므로 좀 더 직관적인 앱을 만들 수 있다. main.dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', them..