개발 이야기

이번 포스트는 간단한 내용으로 StatelessWidget 와 Stateful 의 Constructor Param을 넣는 방법에 대해서 알아보겠습니다. Stateless Widget Param 설정 방법 StatefulWidget으로 선언한 Class 에서 inner class 로 StatelessWidget을 생성할 수 있습니다. class 생성 시점에 맞춰서 param 을 넣고 싶을 때가 많은데요. 그때 어떻게 해야할까요? 생성자 pram에 required 라는 것을 선언함으로써 Param 으로 데이터를 받을 수 있습니다. 참고로 inner class 뿐만 아니라 모든 class에서는 다음과 같이 costructor 에 param 을 넣을 수 있습니다. class _TopPart extends Sta..

[코드팩토리] [초급] 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 로 확인할 ..