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년 5월을 기준으로 작성되었습니다.  1. [섹션 2. 회원 가입 화면] 가입완료 메시지 표시... 강의 수정 사항9분 즈음에 디바이스 자체의 뒤로가기 버튼을 막기 위해 WillPopScope를 사용했다. 하지만 WillPopScope는 Deprecated 됐으므로, PopScope를 대신 사용한다.https://stackoverflow.com/questions/77529904/willpopscope-is-deprecated-in-flutter WillPopScope is deprecated in Flutter'WillPopScope' is deprecated and shouldn't be used. Use PopScope instead. This feature was deprecated after ..