개발 이야기

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