24년 10월을 기준으로 작성되었습니다.   1. [섹션 8_로딩 화면] GlobalLoaderOverlay 위젯 사용 중 수정사항 return GlobalLoaderOverlay( overlayWidgetBuilder: null, // useDefaultLoaing: false 대체 child: MaterialApp.router( // navigatorKey: App.navigatorKey, // GoRouter를 사용하면 이 부분을 삭제하고, GoRouter 정의부 key 파라미터에 넣는다 debugShowCheckedModeBanner: false, localizationsDelegates: context.localizationDelegates, su..

24년 7월을 기준으로 작성되었습니다.   1. 모바일 앱 클린 아키텍처  2. Testing (테스트)모바일 앱 개발에서, 꼼꼼한 테스트는 고품질 앱을 만드는 필수적인 과정이다. 다행히 Flutter, React Native, Swift UI 등 최신 모바일 개발 프레임워크들은 테스트 코드 작성을 위한 다양한 도구와 기능을 제공한다. Testing은 크게 3종류로 분류할 수 있다. Unit Test, Widget Test, Integration Test의 개념을 간단히 알아보자.1. Unit Test : 가장 작은 단위의 코드를 검증애플리케이션에서 가장 작은 단위인 함수, 메서드, 클래스 등의 코드 조각이 예상대로 동작하는지 검증하는 테스트이다.외부 시스템이나 의존성과는 철저히 분리된 상태에서 로직 자..

24년 6월을 기준으로 작성되었습니다.   1. ext.kotlin_version 에러 (안드로이드에서만 발생)플러터 버전 혹은 플러터에서 사용하는 버전과 Kotlin 버전이 호환되지 않을 때, 흔히 아래와 같은 에러를 볼 수 있다. 에러를 해결하기 위해서는, 프로젝트의 android/build.gradle (프로젝트 gradle 파일)에서 ext.kotlin_version이 적혀 있는 코드를 최신 버전으로 업데이트 해주면 된다. ※ Kotlin 버전 정보https://kotlinlang.org/docs/releases.html#release-details Kotlin releases | Kotlin kotlinlang.org  2. Multidex error (안드로이드에서만 발생)안드로이드에서 앱 개..

24년 6월을 기준으로 작성되었습니다.   1. go_router 패키지Flutter에서 페이지 간 이동을 간단하고, 더 정교하게 하기 위해서 사용하는 외부 패키지이다.https://pub.dev/packages/go_router go_router | Flutter packageA declarative router for Flutter based on Navigation 2 supporting deep linking, data-driven routes and morepub.dev 간단한 예제 코드이다. 자세한 go_router 사용법은 추가 학습이 필요하다.▶️ main.dartimport 'package:flutter/cupertino.dart';import 'package:flutter/materia..

24년 6월을 기준으로 작성되었습니다.   1. [13장] 영상 통화 : WebRTC, 내비게이션, 아고라 API1-1. camera 패키지camera 패키지를 사용하면, 카메라 기능을 활용할 수 있다.이 장에서는 아고라 패키지를 사용하지만, 플러터 공식 패키지인 camera 패키지를 사용하는 법을 배우자. import 'package:flutter/material.dart';import 'package:camera/camera.dart';late List _cameras;Future main() async { // Flutter 앱이 실행될 준비가 됐는지 확인 WidgetsFlutterBinding.ensureInitialized(); // 핸드폰에 있는 카메라들을 가져온다 _cameras = ..

24년 6월을 기준으로 작성되었습니다. 0. 기본 위젯 알아보기※ Flutter는 RichText 위젯과 Paragraph와 같은 클래스도 제공한다.https://docs.flutter.dev/ui/widgets/text Text widgetsA catalog of Flutter's widgets for displaying and styling text.docs.flutter.dev 1. IconButton / TextButton 위젯Flutter에서는 글리프(glyph) 기반의 아이콘을 사용할 수 있다.기본으로 제공되는 아이콘 목록은 아래 링크에서 확인할 수 있다.https://fonts.google.com/icons Material Symbols and Icons - Google FontsMateri..

24년 6월을 기준으로 작성되었습니다.  1. [07장] 앱을 만들려면 알아야 하는 그 밖의 지식➡️ UI 프로토타입 도구  ➡️ 이 책에서 사용한 폴더 구조  ➡️ 플러터에서 지원하는 대표적인 주변 장치 ※ Flutter에서 Hex 코드 사용Flutter에서 헥스 코드를 색상으로 사용하려면, Colors 대신 Color 라는 클래스를 사용해야 한다.기본 6자리 헥스 코드의 앞에 + 16진수를 의미하는 0x + 불투명도 100%를 의미하는 FF 를 추가했다.  2. [08장] 블로그 웹 앱 : 콜백 함수, 웹 뷰, 네이티브 설정웹뷰 (WebView) : 브라우저를 앱의 네이티브 컴포넌트에 임베딩(embedding)하는 플러터에 내장된 기능즉, 앱에서 웹 브라우저 기능을 구현해주는 기술이다. 웹 뷰는 네이..

24년 4월을 기준으로 작성되었습니다.  1. Flutter 아키텍처 이해하기 아키텍처 맨 위의 Flutter Framework 중 Material과 Cupertino는,Flutter로 만든 애플리케이션이 "사용자의 눈에 보여지는 디자인"을 정의한다. Material 디자인을 따르는 앱을 만들 때, 여러 위젯을 사용했다. 그래서 바로 밑에 Widgets가 있다. 그리고 이 위젯들은 화면에 출력되기 위해서 Rendering의 지원을 받는데,통상 소프트웨어에서 이미지를 인위적으로 만들어내는 작업을 Rendering 이라고 한다. 렌더링은 다시 밑의 Animation과 Painting의 지원을 받아서, 화면에 이미지를 표시한다.그리고 사용자의 입력인 터치, 탭, 드래그 등을 지원하는 Gesture가 제공된다...