Flutter 앱을 개발하다보면 자주 만나게 되는 화면이 있습니다. 바로 오류 화면이죠. 디버그 모드에서는 오류 내용과 함께 빨간색 화면이 발생하고, 릴리즈 모드에서는 회색 화면만 뜨게 됩니다. \[이미지 출처] https://medium.com/flutter
Flutter에서 SizedBox는 매우 자주 사용하는데요, 일반적으로 Column 또는 Row 내부에서 위젯 사이에 간격을 추가할 때 사용합니다. 실제로는 종종 다음과 같은 코드로 사용합니다.위의 코드에는 아무런 문제가 없습니다.하지만 필요할 때 const 수정자를
맥에서 안드로이드 스튜디오로 시뮬레이터를 실행할 때 이런 에러를 마주하게 되면..Launching lib/main.dart on iPhone 12 in debug mode...Warning: CocoaPods not installed. Skipping pod insta
애플 개발할 때 키와 관련된 부분에서 다들 헤매는 것 같다. 프로비저닝 에러하면 기본적으로 검색을 해보면 인증서 등록하는 방법들에 대해 알려주는데 아래와 같은 에러는 잘 알려주지 않는 것 같다. there are no devices registered in your a
firebase에서 공식적으로 flutter를 지원하면서 firebase 세팅하는 것이 쉬워졌다. 아래 명령어 두개를 실행하면 설정이 끝난다 하지만 flutterfire가 세팅이 되지 않아 애를 먹는다. 그래서 flutterfire를 맥에서 설정하는 것에 대해 알아보자
scroll_snap_list는 ListView에서 사용자의 스크롤이 끝날 때 항목에 대한 "snaping" 이벤트를 허용하는 위젯입니다. 이 위젯은 무제한 스크롤을 허용합니다(한 번에 왼쪽/오른쪽 이웃에만 "스냅"할 수 있는 다른 위젯과 달리).수평 및 수직 목록 지
플러터에서 for 문을 만들고 작업을 진행할때 for문 안에서 await과 함께 기능을 호출해서 작업을 해야 하는 경우가 있다. 하지만 플러터에서 for문을 await을 기다려주지 않고 반복문을 진행한다. 이를 해결하는 팁이 있다이렇게 하면 문제를 해결할수 있다. 참고
Flutter에서 리스트뷰를 이용해 스크롤링 할때 ScrollController를 사용한다. 이때 특정한 아이템 위치로 이동하고 싶으면 animateTo를 사용해서 이동하지만 아이템의 크기가 가변적일 경우에는 정확한 위치로 이동하기 어렵다 이때 사용하기 좋은 라이브러리
Flutter로 웹을 개발하다가, 백엔드 서버와 통신을 하는 경우 cors에러 마주치는 경우가 있다. 이때 flutter_cors 패키지를 사용하는 것을 강력 추천한다!!!!!!.만약 fluttercors를 실행하는도중에 아래와 같은 에러를 만난다면 변수 환경설정을 해
flutter 에서 토글 스위치가 기본으로 제공 되지만 모양을 커스텀 하는것이 제한된다.다른 라이브러리들은 토글이 트랙커 안에 위치하는 모양이어서, 내가 생각하는 토글보다 작은 트랙커 사이즈를 만드는게 제한된다. 그래서 직접 만들었다. 사용법은 일반 스위치와 동일하다.
플러터에서 가끔 "Unhandled Exception: setState() called after dispose()"라는 오류 메시지를 자주 만난다. 이 오류 메시지는 위젯 트리에 더 이상 마운트되지 않은 State object에서 setState() 메서드를 호출하는
IndexdStack은 제공된 인덱스에 따라 한 번에 하나의 자식만 표시하는 위젯으로, Stack 위젯과 비슷하지만 인덱스에 따라 Widget을 전환할 수 있는 기능을 가지고 있다. 인덱스스택을 사용하면 BottomNavigationBar를 사용 해서, 페이지 전환시
플러터에서 파이어베이스를 통해서 온 노티피케이션을 클릭하면 다른 알림들도 제거하고 싶은 경우가 있다. 이때 사용하는 기능이 cancelAll이다. 사용방법은 아래와 같다.참고https://stackoverflow.com/questions/63444516/in-
Flutter의 폴더 내에서 코드를 구성할 때 lib잘 구조화되고 유지 관리 가능한 코드베이스를 보장하기 위해 따를 수 있는 몇 가지 모범 사례와 원칙을 CHAT-GPT에게 물어보았다.관심사 분리(Separation of Concerns)목적과 책임에 따라 코드를 체계
flutter에서 작업하다보면 웹의 화면을 플러터에 보여줘야 하는경우가 종종 발생한다. 이때 웹 페이지를 불러오면 앱에서 화면이 최대로 축소해놓은거 마냥 화면 비율이 엉망일 때가 있다. 이때 html head에 아래 태그를 붙여넣어주면 해결 된다!!!!
XCODE 15로 업데이트 이후 project를 building하는동안 다음과 같은 에러가 발생한다. 우선 아래와 같은 방법을 터미널에서 실행해볼수 있다.위 방법을 해도 실행이 안된다면 podfile을 수정해서 문제를 해결할수 있다.
Firebase에 다이나믹링크를 등록하다보면 whitelist 오류 문제가 발생한다. 이때 문제를 해결하는 방법은 다음과 같다.1\. Firebase 콘솔 이동2\. 좌측에 Authentication 메뉴 클릭3\. Settings 버튼 클릭4\. Authorized
안녕하세요, 개발자 여러분! 오늘은 Dart와 Flutter에서 매우 유용한 기능 중 하나인 '조건부 Imports'에 대해 알아보려고 합니다. 이 기능은 특히 웹과 모바일 플랫폼을 동시에 지원하는 크로스 플랫폼 애플리케이션을 개발할 때 빛을 발합니다.조건부 임포트는
Flutter 앱을 개발하면서 네비게이션 페이지를 새로 고치는 것은 종종 필요한 작업입니다. 특히 상위 위젯에서 하위 위젯의 화면을 다시 재 생성하는 것이 쉽지 않은데요. 이번 글에서는 Flutter 앱에서 페이지를 새로 고치는 방법을 살펴보겠습니다.저 같은 경우에는
로티이미지는 gif보다 가벼운 용량으로 애니메이션 효과를 줄수 있는 이미지이다. 로티이미지는 json형태로 배포되기도 한다. 이때 단순한 이미지의 색을 변경하고 싶을 수 있다. 이때 json 내부의 스타일을 변경해서 문제를 해결할수 있다.위 데이터는 로티 이미지의 코드
Flutter에서 리스트 순환 로직 구현하기Flutter로 애플리케이션을 개발할 때, 여러 개의 리스트를 순환하며 각 리스트의 값을 선택해야 하는 경우가 있습니다. 이 글에서는 Dart 언어를 사용하여 리스트 순환 로직을 구현하는 방법을 자세히 설명하겠습니다.개요리스트
await Future.forEach(lists, (dynamic element) async { });는 Dart 언어에서 Future.forEach 메서드를 사용하여 비동기적으로 리스트의 각 요소에 대해 지정된 비동기 함수를 실행하는 코드입니다. 이 코드는 Dart의
이미지 로딩 시간 동안 사용자 경험을 향상시키는 것은 많은 개발자들에게 중요한 과제입니다. Flutter에서는 이를 위해 flutter_blurhash 라이브러리를 사용할 수 있습니다. 이번 글에서는 flutter_blurhash 라이브러리를 사용하여 이미지 로드 시
Flutter 애플리케이션에서 많은 assets를 관리하다 보면 파일명을 잘못 입력하는 등의 실수를 하기 쉽습니다. 이를 방지하고 효율적으로 에셋을 관리하기 위해 spider라는 유용한 라이브러리를 소개합니다. spider는 에셋 폴더에서 Dart 코드를 생성하여 정적
안녕하세요! 이번 블로그 글에서는 Flutter를 사용하여 스크롤할 때 가격이 애니메이션으로 변하는 리스트를 만드는 방법을 소개하겠습니다. 이 예제에서는 원래 가격과 세일 가격을 애니메이션으로 보여주는 간단한 목록을 구현해보겠습니다.ScrollController를 사용
Flutter 애플리케이션에서 Google Translate API를 사용하여 텍스트를 번역하는 방법에 대해 알아보겠습니다. 이 튜토리얼에서는 Google Translate API를 설정하고, Flutter 애플리케이션에 통합하여 다양한 언어로 텍스트를 번역하는 방법을
Flutter 애플리케이션에서 다국어 지원을 구현하는 것은 글로벌 사용자를 위한 중요한 기능입니다. 이 블로그에서는 Flutter의 GetX 라이브러리를 사용하여 커스텀 번역 기능을 어떻게 구현하는지에 대해 자세히 설명합니다.기본 구조이 코드는 Flutter 애플리케이
Flutter에서 두 개의 이미지를 겹쳐놓고 슬라이드하여 왼쪽 또는 오른쪽 이미지를 비교할 수 있는 UI를 구현하는 방법을 소개합니다. 이 글에서는 GestureDetector와 Stack 위젯을 사용하여 두 개의 이미지를 슬라이드할 수 있도록 하며, 사용자가 이미지를
플러터(Flutter)를 사용하면서 다양한 UI 컴포넌트를 활용할 수 있습니다. 그 중에서도 TabBar와 TabView는 매우 유용하지만, 때로는 성능과 사용자 경험(UX) 측면에서 부족함을 느낄 수 있습니다. 특히 탭 간 전환 시 느린 반응 속도로 인해 상태값 변경
Flutter 애플리케이션을 개발하다 보면, 검색 기능을 구현할 때 사용자가 입력한 키워드와 일치하는 부분을 강조해야 할 때가 있습니다. 이를 위해 TextSpan과 RichText 위젯을 사용하여 키워드와 일치하는 부분에 스타일을 적용하는 방법을 소개하려고 합니다.
Flutter 애플리케이션에서 사용자가 입력하는 텍스트 중 특정 부분을 강조하는 기능은 사용자 경험을 개선하는 데 매우 유용합니다. 특히 소셜 미디어와 같은 앱에서 해시태그(hashtag)를 강조하는 것은 필수적입니다. 이번 글에서는 Flutter의 TextEditin
Flutter로 UI를 구현하다 보면 아래 그림 처럼 종종 문장 앞에 점(•)이 붙은 리스트, html에 ul과 같은 ui를 구현해야 할 때가 있습니다. Flutter에서는 직접적으로 이러한 위젯을 제공하고 있지 않고 있습니다. 그래서 이번 글에서는 사용자 정의 Bu
앱을 배포할 때, 앱스토어와 플레이스토어에 필요한 이미지와 스크린샷을 준비하는 것은 매우 중요합니다. 앱 심사를 위해서는 필수적으로 요구되는 과정이기 때문입니다. 특히 플러터 개발자의 경우에는 앱스토어와 플레이스토어에 동시에 앱을 출시하는 경우가 많기 때문에 이러한
Dart 언어에서 Enum(열거형)은 특별한 클래스 타입으로, 고정된 상수 값들의 집합을 나타내는 데 사용됩니다. 이러한 Enum은 연관된 상수들을 이름으로 참조할 수 있어 코드의 가독성과 유지보수성을 크게 향상시킵니다. Dart의 Enum 기능은 다른 많은 프로그래밍
이미지는 웹사이트, 앱, 소셜 미디어 등 다양한 플랫폼에서 중요한 요소로 자리 잡았습니다. 그러나 고해상도 이미지의 사용은 페이지 로딩 속도를 느리게 하고, 이는 사용자 경험에 부정적인 영향을 미칠 수 있습니다. 이러한 문제를 해결하기 위해 이미지 압축은 필수적인 과정
Flutter로 애플리케이션을 개발할 때, 데이터 모델을 정의하고 이를 기반으로 다양한 기능을 구현하는 일이 많습니다. 이 과정에서, 객체 간의 비교를 올바르게 처리하는 것은 매우 중요한 작업입니다. 특히, 리스트 내에서 특정 객체를 찾거나 비교할 때, 객체의 동일성을
Flutter 개발을 하다 보면 hashCode라는 용어를 자주 접하게 됩니다. hashCode는 Dart 언어에서 중요한 역할을 하는 개념으로, 객체의 고유 식별자를 나타내는 데 사용됩니다. 이 블로그에서는 Flutter에서 hashCode의 개념과 역할, 그리고 이
모바일 애플리케이션에서 이미지를 부분적으로 보여주고, 사용자가 클릭하면 확장하여 전체 이미지를 보여주는 기능은 자주 사용됩니다. 이를 효과적으로 구현하려면 이미지의 크기를 계산하고, 레이아웃을 조정하는 복잡한 작업이 필요할 수 있습니다.이 글에서는 이런 복잡함을 간소화
iOS 애플리케이션을 Flutter 또는 Swift로 개발할 때, Xcode를 새로운 버전으로 업데이트한 후 버전 정보가 제대로 반영되지 않는 문제가 발생할 수 있습니다. 이 경우 Xcode의 General 탭에서 버전 정보를 수정했음에도 불구하고, 변경 사항이 앱에
안드로이드 앱에서 뒤로 가기 버튼을 눌렀을 때의 기본 동작은 이전 화면으로 돌아가는 것입니다.PopScope를 통해 이러한 행동을 막고 원하는 방법을 적용할수 있지만, 안드로이드 api 33에서는 enableOnBackInvokedCallback="false" 를 적용
문제 상황 Flutter 프로젝트의 Android 빌드 중 다음과 같은 에러가 발생했습니다: 이 에러는 주로 시스템에 설치된 JDK 버전이 Android 빌드 도구와 호환되지 않을 때 발생합니다. JDK 22와 같이 최신 버전을 사용할 때 자주 발생하는 문제라고
Flutter에서 프로필 사진과 같은 이미지를 업데이트할 때 URL은 변경되지 않고 이미지만 변경되는 상황이 자주 발생합니다. 이런 경우 브라우저나 Flutter의 이미지 캐시 때문에 업데이트된 이미지를 제대로 반영하지 못하는 문제가 생깁니다.이 문제를 해결하기 위해
앱 개발 시, 긴 이미지를 화면에 보여줘야 하는 경우가 종종 있습니다. 특히 상세 화면에서 긴 스크롤 이미지를 사용하는 경우, Flutter의 이미지 처리 제한 때문에 문제가 발생할 수 있습니다.이미지 높이 제한:우선 제가 확인한 바로는 Flutter에서 지원하는 최대
Flutter로 웹 애플리케이션을 개발할 때, 기본적으로 제공되는 SingleChildScrollView는 마우스 드래그로 스크롤이 가능하지 않을 수 있습니다. 특히, kIsWeb을 사용하여 웹 환경에서 마우스 드래그와 터치를 동시에 지원하고자 할 때 추가적인 설정이