개발 이야기

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출! 강의을 참고하여 작성하였습니다. Android, iOS 개발 하기전 LifeCycle 에 대해서 알아야 Memory Leak 방지 및 사용자 액션에 따른 UI 구성을 구현할 수 있습니다. Flutter을 배우는 입장에서 Flutter의 LifeCycle 또한 알아야할 필수 코스라고 생각됩니다. 이번 시간은 Flutter Life Cycle 에 대해서 알아보겠습니다. Widget의 이론 Flutter에서 사용하는 Widget은 불변의 법칙을 갖고있습니다. 따라서 Widget의 변경 필요시 기존 위젯 삭제하고 완전 새로운 위젯으로 대체 합니다. StatelessWidget LifeCycle Constructor 생..

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출! 강의을 참고하여 작성하였습니다. 모바일 앱의 화면은 앱 위젯의 조합과 모바일 웹으로 구성되어 있습니다. 앱에서 모바일 웹을 사용하는 이유는다양합니다. 개발 공수 절약 적인 부분도 있고, 웹과 같이 사용하기 위해서 사용하는 경우도 있습니다. 이번 포스트는 Flutter 에서 모바일 웹을 보여줄 수 있는 위젯인 WebView 사용하는 방법에 대해서 공유하겠습니다. Pub Dev 먼저, Flutter 기본 내장 위젯만으로 앱을 구성하는 것은 힘듭니다. 이런 어려움을 도와주기 위해서 많은 개발자들이 오픈 소스로 유용한 라이브러리를 제공하고 있습니다. Dart (Flutter) 도 오픈소스 사이트가 존재하며 다양한 오픈..

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출! 강의을 참고하여 작성하였습니다. Android Studio 에서 Flutter Source 을 작업하다보면 자동 정렬이 nice 하게 안되는 케이스가 있습니다. 좀 더 편하게 소스 정렬 할 수 있는 방법이 없을까? 고민하다가 좋은 방법을 알게 되어 소개합니다. 추가로 Widget 을 Wrap 로 자동 감싸는 방법 및 감싸져 있는 Wrap 을 제거하는 방법도 공유합니다. 🙂 Keymap 을 활용한 정렬 Reformat Code with ‘dart format’ 을 Android Studio 에서 keymap 으로 제공하고 있습니다. Android Studio > Preference > Keymap 에서 dart ..

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출! 강의을 참고하여 작성하였습니다. 크로스 플랫폼 개발을 찾는 스타트업 회사들이 많다고 합니다. 크로스플랫폼 중 하나인 Flutter 에 대해서 포스트 진행하려고합니다. 이번 포스트는 splash 화면을 만들면서 Flutter에 대해서 간단히 알아보겠습니다. Asset 파일 추가하기 Image.asset( 'asset/img/logo.png', ), png 파일까지 입력하면 asset 폴더 안에 만든 png 파일을 인식할 수 있게 됩니다. 모든 파일을 일일이 입력하는 것은 불편할 수 있습니다. 경로를 파일 뿐만 아니라 폴더로도 지정 할 수 있습니다. 예를들면 ‘asset/img/logo.png’ 에서 logo.pn..

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출! 강의을 참고하여 작성하였습니다. Flutter 의 언어는 Dart로 되어 있습니다. 이번 포스트는 Flutter을 시작 하기 전에 알아두면 좋을 Dart 의 기본적인 부분을 공유하려고 합니다. Optional (옵셔널) Dart는 자료형을 NonNull 또는 Nullable 로 선언할 수 있는데요. Nullable로 처리하는 방법은 Optional로 처리할 수 있습니다. 옵셔널 선언 방법 NULL 허용하겠다는 의미로써 자료형 뒤에 ? 을 입력 (ex) String?) 옵셔널로 설정된 Value에 초기값 설정 방법은 다음과 같습니다. ??= 코틀린의 ?: 와 동일 자료형 확인 자료형 확인 방법은 is 로 확인할 ..

개발을 하면서 문득 그런 생각을 하였습니다. 반복적으로 생성하는 클래스를 한번에 생성할 수는 없을까?개발을 하다보면 여러 프로젝트를 경험할테고 반복적으로 생성되는 클래스들이 많을 것입니다. 또한 협업을 하다보면 동일한 화면을 구현한다고 해도 개발자 각자의 스타일로 개발하다보면 보일러 플레이트 코드가 발생하게 될 수 있습니다. 이러한 문제점을 해결하기 위해서 Template을 만들어 정형화 한다면, 개발자간의 소통 부재와 각자의 스타일로 만들어서 발생할 수 있는 보일러플레이트 코드들을 최소화 할 수 있을 것입니다.이번 시간은 Android Studio 에서 Template 을 만들 수 있는 방법에 대해서 공유하려고 합니다.  플러그인 만들기Android Studio Dolphin(213.7172.25) 을..

개발 블로그 또는 Github 오픈소스를 살펴보면 AAC(Android Architecture Components) ViewModel을 활용하여 MVVM 을 구축한 것을 종종 봅니다. 구글에서 말하는 AAC ViewModel과 MVVM에서 말하는 ViewModel 의 차이가 무엇일까요? ViewModel이면 ViewModel이지 AAC ViewModel이라고 다르게 표현할까요? AAC ViewModel과 ViewModel의 차이점에 대한 포스트를 작성하였습니다. MVVM의 ViewModel이란? MVVM의 View Model 은 공통 속성 및 명령을 표시하는 뷰의 추상화 입니다. 다르게 말하면 View와 Data Binder 사이의 통신을 조정합니다. MVP 패턴과 차이점은 MVP 패턴은 Presente..

Head First - Design Patterns 의 템플릿 메소드 패턴 기반으로 작성하였습니다. 자세한 설명은 도서를 참고해주세요. 비지터 패턴에 대해서 이번 포스트에서는 알아보겠습니다.구조 자체를 변경하지 않으면서 복합 객체 구조에 새로운 기능을 추가할 방법은 없을까요? 이럴 때 생각해보면 좋을 패턴은 비지터 패턴입니다. 비지터 패턴이란? 다양한 객체에 새로운 기능을 추가해야하는데 캡슐화가 별로 중요하지 않는 경우 비지터 패턴을 사용합니다. 비지터 패턴은 트래버서객체와 함께 구현하는데요. 트래버서는 컴포지트 패턴을 사용하는 경우 객체 내에 속해 있는 모든 객체들에 접근하는 걸 도와주는 역할을 합니다. 비지터 객체에서 복합 객체 내의 모든 객체들에 대해서 원하는 작업을 할 수 있는 환경을 만들어줍니다..