🐋 Flutter

최근에 토이프로젝트로 진행중이던 작업물 중에서 나혼자 쓰기가 아까워 pub.dev 에 게시를 하여 모두와 함께 쓸수있는 하단 네비게이션바를 개발했다. 작동화면 먼저 보여주고 적용에 대한 설명을 진행하도록 하겠다. 이와 같이 하단 NavigationBar를 사용하는 대신 내가 원하는 쬐깐한 위젯을 사용하도록 한다. 아래 주소는 내가 직접 게시해둔 패키지이고 가장 최신 것으로 dependency에 추가하여 적용하도록 한다. https://pub.dev/packages/flutter_bottom_floating_bar flutter_bottom_floating_bar | Flutter Package This plugin was maked to use bottom navigation bar pub.dev 사용방..

요즘 앉아서 먹기만 하는 빈도가 증가하다보니 몸에 타이어가 2센치가량 늘어나게 되었다. 여름도 오고 슬슬 다이어트 시작을 해야될 듯 하다. 이번 포스팅에서는 Linux기반 서버에서 Flutter로 작성한 Web어플리케이션을 호스팅하는 법을 알아가 보도록 하겠다. 우선 우리가 준비해야할 사항들은 1. Flutter로 작성된 프로젝트 (2.0 이상) 2. 리눅스 기반 서버 (ubuntu, debian, centOS 포함) 이게 끝이다. 자 그러면 먼저 Flutter 로 작성된 프로젝트를 웹 앱으로 빌드해주도록 해하자 프로젝트 콘솔에 flutter build web 을 입력하도록 하자. flutter build web 그러면 이런 모습으로 웹버전으로 빌드가 완료된다. 그리고 빌드된 폴더로 이동하자. 프로젝트 ..

이번 포스팅에서는 저번 포스팅에 이어 메시지 저장하기 기능을 구현해볼 예정이다. 우선 모델 클래스를 약간 더 수정하였다. message_model.dart import 'package:cloud_firestore/cloud_firestore.dart'; class MessageModel { final String id; //해당 도큐먼트의 ID를 담기위함. final String content; final Timestamp sendDate; MessageModel({ this.id = '', this.content = '', Timestamp? sendDate, }):sendDate = sendDate??Timestamp(0, 0); //서버로부터 map형태의 자료를 MessageModel형태의 자료로 ..

이번에선 저번 포스팅에 이어 파이어베이스에 컬렉션 구조를 설계하고 데이터를 Flutter프로젝트로 가져오는 작업을 진행해 볼 것이다. 먼저 Firebase 콘솔로 이동한다. 콘솔 좌측 메뉴에서 Firestore Database를 선택한다. 그러면 이렇게 Cloud Firestore 섹션으로 이동하게 되고 여기서 데이터베이스 만들기라는 버튼을 클릭하도록 한다. 새로운 창이 뜨게 되는데 여기서 보안규칙을 적용하라고 한다. 규칙은 나중에 언제든지 수정이 가능하므로 지금은 30일 동안만 열어두는 테스트 모드로 작동을 시키도록 하겠다. 다음으로 이동하면 해당 데이터베이스가 저장되는 위치를 선택하라고 뜬다 기본으로 설정해두고 넘어가도록 하겠다. 완료가 되면 이렇게 데이터 테이블 같은 화면이 나오게 된다. 여기서 중..

앞으로 Flutter 관련 포스팅을 집중적으로 업로드할 예정이다. 그동안 Flutter 개발을 진행하면서 데이터를 다룰 때 대부분 RDBMS(관계형 데이터베이스)와 WebAPI 서버 구현을 통해 온라인 어플리케이션을 구현해 왔었다. 하지만 커뮤니티 앱의 경우 데이터 요청 건이 상당이 많아지는 경우가 있기 때문에 Back-End의 선택을 다른 곳으로 바꿔야 할 필요성을 느끼게 되었다. 오늘부터 연습해볼 Back-End 기술은 Firebase이다. 사실 NoSQL(Not-Only-SQL) 들 중 MongoDB와 Firestore 중 고민을 많이 했는데 MongoDB를 사용하려면 Node.js를 숙달하고 서버 구축까지 다시 진행해야 하기 때문에 소규모 앱으로 시작하기엔 비용이 많이 들 것 같은 문제가 들었다...

Flutter 3.0 이 출시한 이후 바로 데스크톱 환경에서 개발이 stable 채널에서 가능하다는 소식을 듣고 바로 windows용 테스트 프로젝트를 만들어보았다. VisualStudio Installer로 visual studio 설치를 진행하였고 디버깅 모드로 실행을 해보려는데 바이트 코드와 함께 아래와 같이 오류코드가 무더기로 나와버렸다. 구글링 조사로 확인해보던 중 최신 버전으로 나온 VisualStudio Installer가 한글을 포함 문자열 인식 오류라고 하여 임시 해결책으로 Visual Studio Installer를 설치하기 전 언어 설정을 German(독일어)로 적용한 후 설치를 해두면 진행이 가능하다고 한다. 하지만 굳이 언어를 바꾸지 않는 임시 방안을 찾았는데 https://git..