본문 바로가기

전체 글

[주간경제] 22.10.3주 - 2022 테이퍼링에도 잡히지 않는 인플레이션, 회복신호는?
2022. 10. 21. 코로나와 함께한지 어느덧 3년차... 20.02월 첫 회사에 취직할 당시에 마스크를 쓰고 지하철을 타야하나 조금 눈치를 보던 시기였는데... 마스크없는 지하철이 이제는 상상이 안되는 시점이다.. 위드 코로나 포스트 코로나 시대는 참 암담하다. 1년만에 주간 경제글을 쓰는데, 현시점에 경제전망과 상황을 정리해보자.! 1. 연준의 끝없는 금리 인상 https://www.yna.co.kr/view/AKR20221020012200072 美연준 인사 "금리 4.5∼4.75%로 올라야"…내년 인상중단 시각도 | 연합뉴스 (뉴욕=연합뉴스) 강건택 특파원 = 미국 연방준비제도(Fed·연준)의 고위 인사들은 19일(현지시간) 향후 기준금리가 4%대 중후반으로 올라야 ... www.yna.co.kr 인플레는 1년전부터 조..
[Flutter] FireStore 사용하기
2022. 8. 17. https://firebase.flutter.dev/docs/firestore/overview/ Cloud Firestore | FlutterFire This page is archived and might not reflect the latest version of the firebase.flutter.dev 위에 기본적인 사용 쿡북이 존재하며 잘 나와있지만, 실 사용을 하며 정리해보자. 1. FireStore 란? FireStore는 NoSQL기반에, 파이어 베이스에서 제공하는 무료 클라우드 데이터베이스이다. 다양한 앱/웹 프로젝트에서 활용가능하며, 데이터를 저장하고 동기화하기 위한 유연하고 확장 가능한 기술이다. 실시간 수신기를 통해 클라이언트 앱 간에 데이터 동기화를 유지하고, 오프라인 지원을 제..
[Flutter] FireAuth 로그인과 인증
2022. 8. 4. Firebase에 Authentication을 이용해서 앱 안에서의 로그인과 사용자 인증을 다뤄보자. 두 가지 로그인을 구현해 볼까한다. 1. firebase_auth를 이용한 이메일 로그인과 2. firebase 소셜 로그인에 대해서 살펴보고 구현해보자. 1. email 로그인 콘솔 사이트에서 auth페이지에 이메일 로그인 사용을 설정해준다. 1) Firebase Auth 에 이메일 로그인 사용 설정 https://console.firebase.google.com/ 2) firebase_auth 사용 패키지를 프로젝트에 추가하여 코드를 작성하면 바로 사용이 가능하다. https://pub.dev/packages/firebase_auth firebase_auth | Flutter Package Flutt..
[Flutter] Firebase flutter 설정
2022. 8. 3. Firebase를 사용하는 사람들은 굉장히 쉽고 빠르게 연결해서 사용할수 있다고 말하지만 개인적으로 강의나 책의도움없이 들어가기엔 진입장벽이 높다고 생각한다. Flutter 3.0기반으로 Firebase 프로젝트를 만들고, 기존 Flutter project안에서 initialize 하기까지의 과정을 정리한다. 1. Firebase console 에서 프로젝트 생성 https://console.firebase.google.com/ 로그인 - Google 계정 이메일 또는 휴대전화 accounts.google.com 먼저 구글 로그인후 Firebase web console에서 새 프로젝트를 만든다. 간단하게 새 프로젝트를 만들고나면, 본인이 개발중이던 Flutter Project에 연결할 수 있다. 해당 웹..
[Flutter] 로그 도우미 logger 사용법
2022. 8. 2. 개발에 있어서 로그의 중요성은 강조하지 않을수 없습니다. 로그가 없는 개발은 유지보수와 협업에 큰 장애를 줄 수 있습니다. 작고 사용하기 쉽고 아름다운 로그를 인쇄하는 확장 가능한 로거가 있습니다. Android용 로거에서 영감을 받아 만들어진 Flutter 로거를 소개합니다. https://pub.dev/packages/logger logger | Dart Package Small, easy to use and extensible logger which prints beautiful logs. pub.dev 예시 코드 import 'package:logger/logger.dart'; var logger = Logger( printer: PrettyPrinter(), ); var loggerNoStack..
[Flutter] QR 코드 생성, 스캔
2022. 7. 29. 1. QR 코드 생성 (qr_flutter) qr_flutter 라이브러리를 이용하면, 쉽게 원하는 QR코드를 만들수 있다. 예제 코드 return Center( child: Column( children: [ QrImage( data: "https://www.daum.net/", backgroundColor: Colors.white, size: 200, ) ], ), ); data부분에 원하는 값만 넣어주면 만들어진다. 결과 화면 https://pub.dev/packages/qr_flutter qr_flutter | Flutter Package QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or cus..
[Flutter] 앱 권한 관리 permission_handler 사용법 (AOS / IOS)
2022. 7. 19. 대부분의 운영 체제에서 권한은 설치시에만 요구하도록 지원합니다. 하지만 앱의 정상실행을 위해서는 실행되는 동안에도 필요 권한(런타임 권한요청)을 사용자에게 요청해야합니다 . permission_handler 는 크로스 플랫폼(iOS, Android) API를 제공합니다. 사용자가 권한을 부여할 수 있도록 기기의 앱 설정을 열 수도 있습니다. Android에서는 권한을 요청하는 근거를 보여줄 수 있습니다. 1. Setting 해당 API를 사용하기 위해서는 project내에 기본적으로 권한을 요구하도록 설정이 필요합니다. 1) AOS 1. "gradle.properties" 파일에 다음을 추가합니다. (기본사항이라 변경 불필요, 확인) android.useAndroidX=true android.enable..
[Flutter] Permission 그룹 권한의 종류와 허용법 (AOS / IOS)
2022. 7. 19. 앱을 개발함에 있어서, 장치에 대한 다양한 권한이 필수적으로 요구될 때가 있다. 권한을 설치시에 요구하는 경우, 설치 시간 권한(Install-time permissions) 앱을 설치하여 사용중에 요구하는 경우, 런타임 권한(Runtime permissions) 으로 구분한다. 일반적으로 AndroidManifest.xml 에 명시되면 설치 시간 권한(Install-time permissions)을 요청하게 되며, 사용중 권한을 요구하는 경우에는 대부분 외부 라이브러리인 permission_handler 를 이용해서 런타임 권한을 요청한다. 먼저 안드로이드에서 얻을 수 있는 권한의 종류를 살펴보자. 권한은 개별권한으로 요청 할 수 도 있지만. 다양한 개별권한을 한번에 그룹권한으로 요청 할 수도 있다. ..
[Flutter] floatingActionButton 플로팅 버튼 크기 설정
2022. 7. 15. Small (40 x 40) FloatingActionButton.small( onPressed: onPressed, child: Icon(Icons.edit), ) Regular (56 x 56) FloatingActionButton( onPressed: onPressed, child: Icon(Icons.edit), ) Large (96 x 96) FloatingActionButton.large( onPressed: onPressed, child: Icon(Icons.edit), ) Extended FloatingActionButton.extended( onPressed: onPressed, label: Text('Extended'), icon: Icon(Icons.edit), ) Custom siz..
[Flutter] 앱 전체 테마 설정 (배경, 글꼴, 텍스트 스타일, 색상 등)
2022. 7. 8. Flutter 앱을 만들때 , MaterialApp 위젯의 하위 속성으로 앱 전체에 적용할 다양한 시각적 스타일 테마를 기본적으로 지정해 줄 수 있습니다. 이를 통해 반복적인 작업을 피하고, 통일된 UX를 제공할 앱의 기초작업을 진행합니다. 예시코드) 아래와 같이 MaterialApp에 theme 속성에 ThemeData 클래스를 생성하여 설정해줍니다. MaterialApp( title: appName, theme: ThemeData( // Define the default brightness and colors. brightness: Brightness.dark, primaryColor: Colors.lightBlue[800], // Define the default font family. fontFa..
[Flutter] 화면 / 이미지 슬라이더 사용법 (carousel)
2022. 7. 4. 아래와 같은 화면을 슬라이드하면서 보여줄 팝업팁이 필요한 경우에 라이브러리에 캐러셀을 검색해서 사용하면 된다. 예제 코드 필자는 아래 라이브러리를 사용했다. https://pub.dev/packages/carousel_slider carousel_slider | Flutter Package A carousel slider widget, support infinite scroll and custom child widget. pub.dev final CarouselController _controller = CarouselController(); @override Widget build(BuildContext context) { return Scaffold( body: ListView( children: [..
[Flutter] Pop up 팝업창 띄우는 법 (Alert Dialog)
2022. 7. 4. 우리가 생각하는 팝업창은 화면에 일부라 생각하지만, 알림 다이어로그라는 표현이 더 맞다. 예제코드 한 Row안에 Text와 ? 아이콘 버튼을 만들어 버튼 클릭시 영상업로드팁 다이어로그를 팝업으로 띄워보겠다. Row( children: [ const Text("영상 업로드"), IconButton( onPressed: () { showDialog( context: context, barrierDismissible: true, // 바깥 영역 터치시 닫을지 여부 builder: (BuildContext context) { return AlertDialog( content: const ScreenVideoTips(), insetPadding: const EdgeInsets.fromLTRB(0,80,0, 80)..
[Flutter] Navigator 화면 전환과 Named routes 설정
2022. 6. 8. https://docs.flutter.dev/cookbook/navigation Navigation docs.flutter.dev 아래와 같이 두 화면(FirstScreen, SecondScreen)이 존재할때 Navigator를 이용해 화면 전환을 할 수 있다. class FirstScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('First Screen'), ), body: Center( child: RaisedButton( child: Text('Launch screen'), onPressed: () { // 클릭하면 두 번째 ..
[Flutter] Scaffold와 하위 속성
2022. 5. 24. https://api.flutter.dev/flutter/material/Scaffold-class.html Scaffold class - material library - Dart API Implements the basic material design visual layout structure. This class provides APIs for showing drawers and bottom sheets. To display a persistent bottom sheet, obtain the ScaffoldState for the current BuildContext via Scaffold.of and use the ScaffoldSt api.flutter.dev Scaffold 스캐폴드는 발판, ..
[Flutter] Appbar 상단바와 하단바 예제
2022. 5. 24. 지금 정리할 내용은 NavigationBar와는 달리, 화면내에서 추가로 사용될 상단바와 하단바에 대해서 이야기해보고자 한다. 분명 많은 플러그인과 방법이 있겠지만, 사용해보고 좋았던 플러그인과 위젯을 기록해두려 한다. 1. 상단바로 좋은 TabBar https://pub.dev/packages/contained_tab_bar_view contained_tab_bar_view | Flutter Package Encapsulates TabController, TabBar and TabBarView into a single customizable Widget. pub.dev 플러터 2.0 3.0에서 지원되며, 널안정성을 갖추고 있다. 사용 예제 // Example 1 import 'package:contai..
[Flutter] Chip, Badge 사용법
2022. 5. 24. 앱을 개발하다보면, 작은 아이콘이나 이미지가 Text뒤에 붙어야 할때가 있다. 이럴때 Chip이라는 위젯이 존재한다. 또한 몇건의 알림이 왔는지, 장바구니의 몇개가 담겨져있는지, 좋아요가 몇개있지 간략하게 보여줄 필요가 있을떄 Badge 위젯을 사용한다. 1. Chip 칩은 Material 기본제공 위젯으로 위와 같은 버튼형식에 텍스트와 함께 첨부하는 데이터 또는 아이콘을 말한다. 라벨링을 하거나, 숫자정보 등을 표시하기에 안성맞춤이다. 사용예제 Widget _buildChip(String label, Color color) { return Chip( labelPadding: EdgeInsets.all(2.0), avatar: CircleAvatar( backgroundColor: Colors.white..
포켓몬고 - 미니공략집
2022. 5. 19. 포켓몬고의 정책이 시시각각 변경되어 작성시점과 읽는 시점에 내용이 상이 할 수 있습니다. (작성일 22.05) INDEX 정보력 레벨 친구 포켓몬 TIP 1. 정보력 포켓몬고만큼 정보력이 중요한 게임이 없다. 특정한 보너스 선물코드를 서로 공유할 뿐만 아니라, 다양한 이벤트와 게임 공략을 많이 얻고 배울 수 있기 때문이다. 이벤트 정보와 공략을 빠르게 파악하고 참여하는것이 성장의 지름길! 1) 포켓몬고 공식 SNS 인게임에서 새소식을 통해 들어가는 공식사이트 Pokémon GO 이벤트 pokemongolive.com 2) 포켓몬고 인벤 친구 구하는 글을 올리면 하루만에 50-100여명의 친구가 추가될 정도로 활발하다. 다양한 이벤트 정보를 한눈에 볼 수 있는 달력을 매달 만들어 올려준다. 포켓몬 GO 핫..
[Flutter] Riverpod Plugin
2022. 5. 16. 1. 상태관리란? App state는 앱 전체에 영향을 주는 데이터를 말한다. 앱 상에서 데이터가 즉각적으로 rebuild되어 반영되어지고 관리되어져야하는 부분이 있다. 이런 데이터를 관리하는것을 앱 상태관리라고 말한다. 예를 들어, 로그인 정보 유저의 설정값 사용자의 알림 새로운 정보의 게시글 등... 유저간의 메세지 등... 이러한 App state를 관리하는 방법은 여러가지가 있다. 기본적으로 Stateful위젯속에서 setState메소드를 활용하여, 데이터가 변경되어 반영되야하는 부분마다 setState 메소드를 사용해주면 앱 상태가 관리되며, Rebuild된다. 하지만, 이런 Flutter 위젯을 통한 기본적인 방식으로는 복잡하고 구조적인 인터렉티브한 앱을 구현하는데 한계가 있어, 플러터를 제작..
[Flutter] 기본 레이아웃 Widget
2022. 5. 16. https://flutter-ko.dev/docs/development/ui/layout Flutter 레이아웃 Flutter 레이아웃의 메커니즘과 레이아웃을 만드는 방법에 대해 배워봅시다. flutter-ko.dev 기본 구조를 잡는 위젯들의 사용법을 모르면, 잘 개발하다가도 왜 위젯이 안나오는지, 왜 초과해서 사라지는지, 애꿎은 위젯에 시간만 쏟으며 이유를 모르게 될 때가 있다. 미연에 방지하고자 (이미 시간을 많이 버렸지만) 기본 레이아웃을 정리한다. 위젯은 UI를 만들기 위해 사용하는 Class입니다. 이미지, 아이콘, 글자들도 모두 위젯입니다. 하지만 row, column, grid 같이 눈에 보이지않는 레이아웃 위젯들도 있는데요. 이들은 보이는 위젯(이미지, 아이콘, 글자 등)들을 제어하고, ..
[Flutter] Freezed Plugin
2022. 5. 16. https://pub.dev/packages/freezed_annotation freezed_annotation | Dart Package Annotations for the freezed code-generator. This package does nothing without freezed too. pub.dev Freezed는 아래와 같이 Class를 정의할 때 지루한 작업을 자동화합니다 Define a constructor + the properties Override toString, operator ==, hashCode Implement a copyWith method to clone the object handling de/serialization 자바에서 롬복 + 직렬화 등을 합쳐놓은것 같..

티스토리툴바