Flutter를 시작할때 가장 어렵게 느껴진게 MethodChannel 이었습니다. 오늘은 MethodChannel이 어렵지 않음을 최대한 설명하고자 합니다. 그리고 flutter는 cross platform이지만 장점이 pub.dev를 통해서 platform 기능을 이용하기 위한 library 제공받을 수 있는것이지만 또한 한계가 있음을 자주 느낍니다. 내가 원하는 기능이 없거나 예상대로 동작을 안하는 경우들이 간혹 있기 때문입니다. 그래서 이런 경우 Android에 익숙하신 개발자분들은 Platform에 곧바로 코드를 만들어 … Read more
이제 그동안 만들었던 App에 광고도 달았고 플레이 스토어에도 올렸으니 좀 쓸만하게 만들어야겠습니다. 지금 너무 촌스럽거든요. 그래서 좀 예쁘게 만들어보려는데 UI가 글자 크기와 화면 크기 설정에 따라서 너무 많이 달라져서 일부 UI사이즈 고정 이 필요하였습니다. 오늘은 나만의 Layout 속성을 만들고 모든 Widget에서 사용할 수 있도록 하는 것을 설명할 예정이며, 여기서 사용될 InheritedWidget을 사용하는 것을 코드와 함께 … Read more
Flutter App을 Play Store에 등록하였으니 이제 애드몹 광고 추가를 해볼겠습니다. 애드몹 광고 추가하기 글에 적은대로 광고 단위를 추가했습니다. 해당 광고 단위를 idea note 앱에 등록하는 것을 진행하겠습니다. 먼저 애드몹 광고 추가는 Platform와 연관이 있으므로 이번 글은 Android에 대해서 한정합니다. iOS는 별도의 iOS 에 대한 글에서 나중에 설명하겠습니다. 아직 안해봐서 해보고 글을 작성할 예정입니다. 설명과 함께 … Read more
앞서 Chatper #7 UI 구현 with BLOC 에서 UI에서 어떻게 BLOC와 Repository를 활용하는지 확인하였습니다. 이번 Chapter에서는 Idea Edit 화면으로 이동하는데 있어 Edit할 Idea를 Editor에 Route 인자 를 포함하여 이동하는 것과 Text 입력을 포함하여 App을 1차 완성합니다. 설명과 함께 구현하는 코드는 github repository에 있고 본 글은 commit 5d1933f 기준입니다. 완성 UI 다음은 완성한 UI입니다. + 버튼을 누르면 … Read more
우선 Android의 Play Store 에 올리겠습니다. Apple Store에 올리는 것은 조만간 진행하겠습니다. 맥북이 왔거든요. ㅎㅎ 설명과 함께 구현하는 코드는 github repository에 있고 본 글은 commit bf7ca71 기준입니다. Play Store 앱 등록은 최대한 빠르게 앱을 만들었으니 앱을 등록합니다. 그런데 이제 기본 기능만 되지 아직 예쁘게도 다듬지도 않아고 추가 기능도 부족하죠? 하지만 빨리 등록해야 하는 이유가 있습니다. 앱등록에 … Read more
앞서 Chatper #5 BLOC 그리고 Chapter #6 Data Repository까지 만든것을 기반으로 드디어 UI 구현하기 Chapter를 시작합니다. 설명과 함께 구현하는 코드는 github repository에 있고 본 글은 commit 5d1933f 기준입니다. 완성 UI 다음은 완성한 UI입니다. + 버튼을 누르면 Idea Editor 화면으로 이동합니다. Title, As a, I want, So that 4가지를 입력하고 화면 우측 상단에 Save 버튼을 누릅니다. List에 … Read more
오늘은 Data Model과 Repository 에 대해서 설명합니다. 설명과 함께 구현하는 코드는 github repository에 있고 본 글은 commit 0126e41기준입니다. 먼저 지금 만들고 있는 Idea Note의 Class Diagram을 그려봤습니다. 앞서 Chapter #5 BLOC에서 설명했던 아래 구조대로 BLOC와 Data로 구분되어 있음을 알 수 있습니다. 위 Class Diagram에는 UI는 없지만 UI가 IdeaBloc와 Interfacing을 함으로써 추가될 거라는 것을 알 수 … Read more
BLOC 는 앞으로 제가 Flutter로 App을 만드는데 가장 중요한 부분입니다. 설명과 함께 구현하는 코드는 github repository에 있고 본 글은 commit 0126e41기준입니다. 혹시 공부를 함께 하시는 분은 github에서 project를 fork하셔도 되고 watch하시면 제가 방향을 잡는데 도움이 될것 같습니다. Star도 해주시면 감사하구요. Why BLOC BLOC (Business Logic Component)는 UI와 Business logic을 분리시켜주어 생산성과 재사용성을 높혀주는 Architecture입니다. MVVM, … Read more
pubget 은 flutter community인 pub.dev로부터 package들을 다운받아 사용함으로써 우리 개발자들의 생산성 향상에 큰 기여를 하는 Flutter의 기능입니다. 먼저 리얼 Flutter는 실제로 App을 만들어가면서 글을 올립니다. Chapter #3 App 만들기 – Code 구조와 Routes 에서 시작했던 idea note App의 기본 기능을 완성하였습니다. 중간 중간 필요한 기술에 대해서 설명하면서 진행하오니 정주행 해주시기 바랍니다. pub.dev pub.dev 를 가볼까요. … Read more
지난 Chapter에서 빈 화면과 Splash Screen까지 만들었고 이번 Chapter에서는 실제 App 만들기를 시작하는데 있어 폴더 구조와 App의 각 화면을 만들고 화면간 이동을 위한 Routes 까지 만들어보겠습니다. App 디자인 예제로 만들어볼 앱은 제가 개인적으로 사용할 Idea Note입니다. 이 앱의 기능은 제가 아이디어가 생각날 때마다 휴대폰으로 언제든지 User Story와 사진, 영상 또는 음성을 녹화할 수 있도록 하는 … Read more