Flutter

이번에 사용자 정보를 담는 위젯을 꾸미고 있었는데 한 가지 문제가 발생했다. Row안에 Text를 넣었는데 글자 수가 너무 많을 경우 잘리는 현상이 발견했던 것이다. Text속성에 overFlow 옵션을 적용해주는 방법을 사용하려 했지만, 이 방법은 부모 위젯의 사이즈가 지정되어야 잘리는 현상을 해결할 수 있는 것 같았다. 그래서 찾은 방법이 Flexible을 알게 되었다. Row나 Column 위젯에서 남은 자리를 전부 채우도록 설정하는 위젯인데, 아래 코드처럼 Flexible을 부모로서 감싸주면 해결이 가능하다. Row( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( '이름:'..

이번에 FutureBuilder를 구현하면서 한 가지 문제를 발생했다. snapshot.hasData 와 snapshot.hasError를 구현하는데 Future 함수에서 오류가 발생하면 hasError로 넘겨 오류 상태를 표시하도록 하려고 했다. 그런데 hasData는 잘 불러와도 hasError는 작동이 안 되던 것이다. 찾아보니 StackOverflow에서 나랑 비슷한 사례를 발견했다. 아래 코드가 나와 같은 케이스이다. try { var response = await http.get(url); // Success if (response.statusCode == 200) { [...] } // Failure else { return Future.error("Error"); } } catch (e) ..

최근에 토이프로젝트로 진행중이던 작업물 중에서 나혼자 쓰기가 아까워 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 그러면 이런 모습으로 웹버전으로 빌드가 완료된다. 그리고 빌드된 폴더로 이동하자. 프로젝트 ..

앞으로 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..