🐋 Flutter

요즘 앉아서 먹기만 하는 빈도가 증가하다보니 몸에 타이어가 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..

봄 날씨가 지나고 꽃가루의 무차별 공격이 멈추고 나니, 비염에 예민한 나의 코도 어느 정도 회복이 되어가고 있었다. 축농증으로 고생한 적이 있어 약을 복용해가며 빠르게 치료를 진행해온 덕에 큰 문제없이 숨을 쉰다는 권리를 보장받으며 살 수 있게 되었다. 내년 이맘때 또다시 전쟁이 시작되겠지. 여담은 여기까지 하고 이번에는 QR코드로 특정 단어를 추출해오는 기능을 구현해보려 한다. 이번 포스팅에서는 현재 Flutter에서 가장 보편적으로 사용되고 있는 플러그인인 qr_code_scanner를 이용해보려 한다. https://pub.dev/packages/qr_code_scanner qr_code_scanner | Flutter Package QR code scanner that can be embedded..