본문 바로가기

전체 글

 (30)
[Flutter Web] Firestore Database 연동하기 지난 포스팅에서 Flutterfire cli 를 통해서 Firebase core 기본 연동을 해보았습니다. 이제 Firebase의 기본 데이터베이스인 Firestore 데이터베이스 연동을 간단하게 해보겠습니다. 우리는 Flutterfire를 통해 Firebase 사용 세팅을 했기 때문에 간단한 add 명령을 통해 Firestore 패키지를 추가할 수 있습니다. $ flutter pub add cloud_firestore dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. c..
[Flutter Web] Firebase 연동하기 (feat. Flutterfire Cli) Flutter Web 에서 Firebase web 을 사용하는 가장 기본적인 동작을 준비해 보겠습니다. Flutterfire를 보면 Manual구성도 가능하다고 하지만 제가 직접 매뉴얼로 구성하려고 했으나, Firebase Iniailize부터 알 수 없는 에러가 발생하네요. 이제는 Flutterfire를 본격적으로 지원하고 가급적 Flutterfire Cli 사용을 권장하는 것으로 보입니다. 1. firebase tool 설치 터미널 창에서 위 명령어를 입력한다. -g 옵션은 전역으로 설치하는 옵션으로 한번만 설치하면 다른 모든 경로에서 사용이 가능하다. hosting, cloud functions 사용시에 필수 설치 요소이므로 설치가 안되었다면 이번 기회에 설치하는 것이 좋다 2. flutterfir..
[Flutter Web] Side bar 만들기 콘솔 종류의 프로그램을 만들경우 가장 기본적으로 필요한 것이 Side Bar 메뉴입니다. 콘솔 필요그램이 작업이 필요해서 간단히 작업해 보았습니다. Flutter Awsome 등에도 비슷한 프로젝트가 다수 검색되기 때문에 이들 중 괜찮아 보이는 프로젝트의 코드를 사용하시는 것도 방법일 것 같습니다. 하지만 저는 여러가지를 찾아보다가 pub.dev 에 있는 sidebarx 플러그인을 사용하기로 했습니다. https://pub.dev/packages/sidebarx sidebarx | Flutter Package flutter multiplatform navigation sidebar / side navigationbar / drawer widget pub.dev 이런 플러그인들이 많아진다는 것은 flut..
[Flutter] Container - decoration Container의 decoration 속성중에 많이 사용하는 속성들을 살펴보겠습니다. UI 디자인을 위해 가장 많이 사용되는 내용들입니다. 1) Container의 색상 또는 border 의 색상변경(border) 2) 모서리를 둥글게 변경(borderRadius) child: Row( children: [ Container( margin: const EdgeInsets.fromLTRB(15, 0, 10, 0), // 왼쪽과 오른쪽 15, 10 margin padding: const EdgeInsets.all(10), // left, right, top, bottom 10 margin child: const Text('SAMSUNG', style: TextStyle(fontSize: 20),), dec..
[Flutter] Container - padding & margin Container는 Flutter 에서 가장 많이 사용되는 위젯입니다. 그 이유를 보면 1) 레이아웃을 위해 꼭 필요한 부분이 padding 과 margin 입니다. 예를 들어 두개의 Text를 붙여서 쓴다고 하면 Text 자체에는 공백을 주는 속성이 없습니다. 그외 대부분의 Widget은 공백 속성이 없는 경우가 많죠. 그럴경우 위젯을 Container로 감싸고 그 안에 padding과 margin을 주어야 하는 경우가 많습니다. 모든 위젯이 다닥다닥 붙어있으면 당연히 보기 좋지 않겠죠. 2) 위젯의 배경색 또는 둥근모서리 등 위젯의 모양을 다듬기 위해 필요합니다. decoration 속성을 통해 이런 작업을 많이 하게 되겠죠. 위젯의 모양들이 직사각형으로만 되어 있다면 당연히 내가 생각하는 예쁜 앱이..
Flutter App 출시 후기 꽤 긴시간동안 Flutter를 이용한 첫 프로젝트를 마치고 (퇴근후.. 주말을 이용할 수 밖에 없는 현실 ㅠ) 플레이스토어와 앱스토어 등록까지 마무리가 되었다. 물론 좋은 피드백을 받는다면 꾸준히 업데이트 해야 하겠지만.. 프로젝트의 일단락을 했다는 것만으로 약간 뿌듯한 느낌이다. 최근에 Flutter를 통한 개발이 많아지고 있다고는 하지만 아직 국내에서는 실제 앱등록까지 이루어진 앱은 많지 않을것 같다. 주변에도 물어보면 주로 개인프로젝트 또는 소규모 앱에서 사용이 되고 있고, 큰 프로젝트에서는 아직 선뜻 결정하지는 못하는 것 같다. 스토어 등록까지 마무리 한 후 느낀점을 몇가지 정리하면.. 1. Flutter.. Dart를 배워야 한다고?? 크로스플랫폼이라는 확실한 장점이 있음에도 선뜻 Flutter..

티스토리툴바