통조림

앱을 개발하다보면 네트워크 통신 기능을 개발할 상황이 생깁니다. Flutter는 HTTP프로토콜을 http라이브러리를 통해 네트워크 통신을 지원하고 있습니다. Http 라이브러리만을 통해서 네트워크 통신 기능을 개발할 수 있지만 보일러플레이트 코드의 양이 많아 유지보수가 어렵습니다. 이를 개선하기 위해 Dio 패키지를 사용할 수 있습니다. Dio패키지는 타임아웃, 인터셉터, 파일 업/다운로드, 요청취소와 같은 강력한 기능을 제공해주기 때문에 Dio를 사용해서 쉽고 빠르게 네트워크 통신 기능을 구현할 수 있습니다 :) Dio dio install | Dart package Dio 객체 생성하기 Http 통신을 위해 반복적으로 사용할 Dio 객체를 전역으로 생성합니다. connectTimeout, recei..

나는 아이폰만 사용한지 10년이 돼서 안드로이드 폰에서 제공하는 뒤로가기 기능에 대해서 망각할 때가 자주 있다. 실제로 페이스북 앱에서 안드로이드 폰에 제공하던 뒤로가기 버튼 기능을 제거하여 이런저런 밈들도 만들어진듯 하다. 하지만 유튜브 같은 대형앱들에서는 대부분 상황에 맞는 뒤로가기 기능을 제공하고 있으며, 특히 BottomNavigation으로 네비게이팅을 처리하는 서비스의 경우 BottomNav 아이템을 클릭했던 순서의 역순으로 뒤로가기 버튼을 누르면 돌아가도록 해준다. Flutter에서도 해당 기능을 쉽게 구현할 수 있는데, 그 방법 중 하나인 IndexedStack 위젯에 대해기록하려고 한다. 전체 코드 깃허브 https://github.com/KoreanTuna/Indexed-Stack-St..

앱을 강제로 종료시켜야한다는 기획이나 정책이 있을 수 있다. 예를 들어, 알람 권한이나 위치정보 권한 요청을 승인하지 않았을 때 등등 그럴 때는 Flutter Framework에서 제공하는 아래 메소드를 사용해 앱을 강제로 종료시킬 수 있다. import 'package:flutter/services.dart'; SystemNavigator.pop(); 안드로이드는 해당 코드가 정상적으로 작동하지만, IOS에서는 현재 위치의 context만 Pop. exit(0) 메소드를 사용하면 IOS에서도 앱을 강제 종료 시킬 수 있지만, 애플 정책상 해당 코드가 있을 경우 앱 배포가 허용되지 않는다. Human Interface Guidelines | Apple Developer Documentation Techn..

PROVIDER → RIVERPOD 글자 위치만 바꾸면 Riverpod이 된다. Riverpod이 2.4로 업데이트 될 때 Code Generation을 통한 Provider 생성을 기본으로 하는 것으로 Document가 최신화됐다. 이에 더하여 앞으로의 버젼에서는 Code Generation을 통해서만 지원하는 기능이 생길 수 있다고 한다. Riverpod 공식 문서 좌측 상단에 보면 Code generation을 사용한 코드예시와 설명을 볼 것인지 toggle할 수 있는데, Code generation이 on 되어있는 것이 Default다. . 또한 Local State를 관리하는 것은 riverpod이 아닌 Flutter_hooks를 통해서 하도록 권장하고 있다. 이 글에서는 riverpod_hoo..

코드 깃허브 https://github.com/KoreanTuna/Dart-Class-Modifier 참고 https://dart.dev/language/class-modifiers extends와 implements Dart는 Java와 다르게, 일반 클래스도 implements할 수 있다. extends도 메소드 override가능, implements도 override가능. 그렇다면 Dart에서 2개의 차이는? extends는 부모의 변수와 메소드에 접근 가능. 구현없이도 메소드 사용 가능 implements는 모든 변수와 메소드를 override해서 구현 해야한다, 다중상속 가능 Class Modifier 💡 Class modifiers control how a class or mixin can ..

Flutter 공식 개발팀에서 지원하는 라우팅 패키지인 go_router는 다양한 기능을 제공한다. 그 중에서도 가장 유용하게 사용할 수 있는 기능인 redirection 사용방법을 기록해놓고자 한다. 전체 작성 코드는 깃허브에 올려놨다. https://github.com/KoreanTuna/go_router_study ... redirect라는 개념은 go_router에서만 사용되는 것은 아니고, 웹을 개발하는 react나 여러 백앤드 프로그래밍에서 사용되고 있는 개념이다. 사용자가 특정 URL에 접근하려 할 때, 자동으로 사용자의 권한 혹은 상태를 확인하여 해당 URL이 아닌 미리 설정된 URL로 이동시키는 기능이다. 참고한 사이트 [https://www.semrush.com/blog/redirec..