이번 프로젝트에서 styled widget 패키지를 사용하고 있어, 간략하게 패키지에 대해 정리한다.Styled Widget은 Flutter 애플리케이션에서 위젯의 스타일을 더 쉽고 체계적으로 관리할 수 있게 해주는 패키지다. 이 패키지를 사용하면 위젯의 스타일을 선언

Presigned URL 방식은 클라우드 스토리지 서비스에서 파일을 업로드하거나 다운로드할 때 자주 사용되는 접근 방법이다.이 방식은 서버가 특정 시간 동안 유효한 URL을 생성하여 클라이언트에게 제공한다. 이 URL을 사용하면 해당 시간 동안 인증 없이도 파일에 접근

Freezed 도입 이전에 직렬화와 불변 객체 생성에 대한 이해 개념이 필요하다.본 글은 코딩 공부를 시작하는 조카를 위해 최대한 쉽게 설명해보겠다.불변 객체는 한 번 만들어지면 그 값을 바꿀 수 없는 객체다. 예를 들어, 생성한 게임 캐릭터가 있다고 생각해보면 이 캐

사이드 프로젝트 시, 최신 버전의 플러터를 사용하고 싶어 본 글을 작성한다.기본적으로 Flutter SDK는 전체 시스템에 설치되며, 여러 프로젝트 중 특정 프로젝트만 플러터의 다른 버전으로 사용하는 것은 기본적으로 지원되지 않는다고 한다. 이는 Flutter SDK가

프로젝트 진행 시에 Sacffold의 body 속성과 Indexed Stack을 함께 사용하는데 있어 레이아웃 복잡도가 생겨 자식 위젯들이 겹치는 이슈가 발생했다.거기에 더해 나는 FAB까지 사용을 하는데 endflot위치가 바텀 내비게이션 바와 ui적으로 가까워 터치

이미지를 서버로 업로드할 때 이미지 크기가 너무 크면 전송 시간이 오래 걸리고, 네트워크 대역폭을 많이 차지할 수 있다. 이를 해결하기 위해 Flutter에서는 이미지 파일을 압축할 수 있다. 이 글에서는 image 패키지를 사용하여 이미지를 압축하는 방법을 알아보겠다

Vscode에서 CPU 사용량이 미친듯이 늘어나며 CPU 사용량이 130%가 넘어갈 지경이 되자 버벅이는 이슈가 발생하였다많은 익스텐션을 비활성화 또는 제거를 해봤지만 효과는 미미하였다.VScode 삭제하고 재설치 했지만 일시적인 효과만 있었다.폭풍 검색 끝에 나와 같

Next.js에서 루트 레이아웃에 헤더와 푸터가 기본적으로 포함되어 있지만, 특정 페이지에서 이를 제외하고 싶다면, 다음과 같은 방법을 사용할 수 있다.\_app.js 파일에서 각 페이지를 조건부로 헤더와 푸터를 포함시킬 수 있다. 예를 들어, 특정 페이지에서만 헤더와

이전 글에서는 암시적 애니메이션에 대해서 작성했었습니다.왜 암시적 애니메이션이 아닌 명시적 애니메이션을 쓰는가라는 이유는 어쩌면 명확합니다.명시적 애니메이션은 암시적 애니메이션보다는 난이도가 있기 때문에 오늘 글은 조금 길지도 모르겠습니다.😅이전 글에서 명확한 설명을

플러터에서 애니메이션을 구현하는 방법 중 하나는 "암시적 애니메이션(Implicit Animations)"을 사용하는 것입니다. 암시적 애니메이션은 이름에서 알 수 있듯이 명시적으로 애니메이션의 모든 단계를 세세하게 제어할 필요 없이, 시작 상태와 끝 상태를 정의하고

아이콘 버튼을 사용할 때마다, 커스텀한 디자인에 맞춰 정확한 적용이 필요한 경우가 있다. 그러나 아이콘 버튼은 기본 패딩을 가지고 있어, 플러터를 막 시작한 나를 당황하게 한 적이 있었다.Flutter에서 IconButton의 패딩을 EdgeInsets.zero로 설정

Flutter에서 Stack 위젯은 여러 자식을 겹쳐서 표시할 수 있게 해주는 레이아웃 위젯이다. 이를 통해 자식 위젯들이 Z축 방향으로 쌓여서 복잡한 오버레이 또는 다양한 시각적 효과를 쉽게 구현할 수 있다. Stack은 주로 배경에 큰 이미지나 컨테이너를 두고 그

git switch와 git checkout은 Git에서 브랜치를 전환하는 데 사용되는 명령어다. 그러나 git switch는 Git 2.23 버전에서 도입되어 git checkout 명령어의 일부 기능을 더 명확하게 하고, 사용하기 쉽게 만들기 위해 추가되었다. 이

면접을 보다가 CustomPaint 사용 경험에 대한 질문을 받았다.나는 여태껏 일반적인 애니메이션 위젯을 통한 처리와 Rive를 통한 처리를 했을 뿐, Custom Paint에 대한 경험은 없어 굉장히 아쉬웠었다.커스텀 페인터는 플러터에서 제공하는 방법 중 하나로,

Non-nullable instance field '\_controller' must be initializedFlutter에서 "Non-nullable instance field '\_controller' must be initialized."라는 에러는 Dart 언

에러 메시지에 따르면, MultiDex 클래스를 찾을 수 없다는 이슈를 직면했다. 이는 주로 Android 프로젝트에서 MultiDex 지원을 활성화했으나, 필요한 MultiDex 라이브러리가 프로젝트의 의존성에 포함되지 않았을 때 발생한다.Flutter 프로젝트에서

🚀개념 훓기 좋은 수준의 답변입니다. 꼭 해당 질문들에 대해 공부하실 것을 권장합니다.1\. 플러터(Flutter)란 무엇이며 왜 사용되나요? 플러터는 구글이 개발한 오픈 소스 UI 소프트웨어 개발 키트입니다. 단일 코드베이스로 iOS, Android, 웹,

부끄럽지만, 플러터를 진득하게 공부를 하고 프로젝트에 투입이 된게 아니다보니지금에 와서야 당연히 알고있어야할 부분을 학습하게 된다.Class형과 함수형을 명확하게 구분하지 않고 사용을 했던 스스로가 부끄럽다.아래 링크에서 플러터팀의 입장을 알 수 있다.https&#x3

Foreign Function Interface(FFI)는 한 프로그래밍 언어에서 다른 프로그래밍 언어로 작성된 함수나 서비스를 호출할 수 있게 해주는 매커니즘이다. FFI를 사용하면 예를 들어, 고성능이 필요한 애플리케이션의 특정 부분을 C 언어로 작성한 후, Pyt

../../.pub-cache/hosted/pub.dev/get-4.6.6/lib/get_instance/src/get_instance.dart:282:5: Error: A non-null value must be returned since the return type