Flutter (7) 썸네일형 리스트형 [Flutter] Flutter 라이브러리 직접 만들어서 pub.dev에 배포하기 (패키지 생성부터 업로드까지) 안녕하세요. 오늘은 제가 최근에 진행했던 Flutter 라이브러리 직접 만들고 배포하기 과정을 정리해보려고 합니다.pub.dev에 내가 만든 기능을 올리고 공유하고 싶은 분들께 도움이 되었으면 합니다 :) 1. 패키지 생성먼저, CLI에서 패키지를 생성합니다. flutter create --template=package my_flutter_libmy_flutter_lib는 패키지 이름입니다. 원하는 이름으로 변경하세요.--template=package를 붙이면 앱이 아니라 라이브러리 형태로 생성됩니다. 폴더 구조는 아래처럼 만들어집니다.my_flutter_lib/├── lib/│ └── my_flutter_lib.dart├── test/│ └── my_flutter_lib_test.dart├──.. Flutter 앱 성능 최적화 Flutter 앱 성능 최적화 1. 앱이 느려지는 원인 분석 불필요한 리빌드setState()나 상태 관리가 과도하게 build() 호출을 유발동일한 위젯이 자주 다시 그려짐 잘못된 예 setState(() { title = 'New Title'; count++; }); // 모든 위젯이 rebuild됨 리스트/스크롤 성능 저하ListView, GridView에 너무 많은 위젯이 한 번에 그려짐itemBuilder 내부에서 무거운 연산 실행 비동기 처리 미흡Future 작업이 UI 쓰레드에서 블로킹이미지 로딩, JSON 파싱 등을 메인 쓰레드에서 수행 2. 성능 개선 실전 팁 2-1. 위젯 빌드 최적화const 사용const MyWidget()은 불변 → rebuild 방지Stateless 위젯이라도.. 디버깅과 성능 분석 도구 앱을 개발하면서 내가 개발한 앱의 퍼포먼스가 어느정도이며 메모리 사용량은 어느정도 되는지에 대해 궁금할 수 있습니다. 여러 방면에서 사용할 수 있지만 이런 경우에는 저는 Flutter DevTools를 이용하여 확인합니다. 오늘은 이 방법에 대해 간단히 소개하도록 하겠습니다. - Flutter DevTools란Flutter DevTools는 Flutter 팀에서 공식 제공하는 디버깅 및 성능 분석 도구입니다. - DevTools 실행 방법저는 vscode를 사용하기 때문에 vscode 기준으로 작성하겠습니다.1. VS Code디버깅 중일 때 자동으로 DevTools 아이콘 표시클릭 한 번으로 웹 브라우저에서 실행2. 터미널에서 실행flutter pub global activate devtools flut.. Flutter에서 의존성 주입과 Mockito로 유닛 테스트 작성하기 Flutter 개발을 하다 보면 비즈니스 로직이 잘 동작하는지 검증하고 싶을 때가 많습니다.이럴 때 가장 좋은 방법이 바로 Unit Test 입니다.하지만 외부 API 호출(http)이 있는 경우 테스트가 쉽지 않은 경험이 있어서... (이부분은 mockito를 활용하여 처리)테스트 가능한 구조로 만들고, Mockito를 활용해 유닛 테스트를 작성하는 방법을 정리해보겠습니다. 프로젝트 설정pubspec.yaml에 다음 의존성 추가dev_dependencies: flutter_test: sdk: flutter mockito: ^5.4.2 build_runner: ^2.4.6 API 추상화와 의존성 주입먼저 테스트 가능한 구조로 만들기 위해, API 호출 로직을 추상화합니다.1. 추상 인터페이스 .. Flutter 프로젝트에서 dev/prod 환경을 분리해서 관리하는 방법 개발할 때, 개발(dev) 환경과 운영(prod) 환경을 분리해서 관리하는 것은 정말 중요합니다.개발 서버와 운영 서버 주소가 다르거나테스트용 기능을 dev에서만 활성화하고 싶을 때배포할 때 실수로 개발용 설정이 들어가는 걸 방지하고 싶을 때환경 분리는 필수가 됩니다.이번 글에서는 Flutter에서 dev/prod 환경을 깨끗하게 관리하는 방법을 정리해보겠습니다. 환경 관리를 위한 대표적인 방법Flavors (플레이버) 사용가장 공식적이고 강력한 방법dotenv 파일 사용 (flutter_dotenv)간단하게 API 키, 서버 주소만 분리할 때build.yaml 분리빌드 스크립트 수준에서 세분화CI/CD 설정에서 환경변수로 구분서버 배포 자동화할 때 유용 이번 내용에서는 쉽게 접근할 수 있는 라이브러.. Flutter 앱은 iOS에서 어떻게 실행될까? code와의 관계 & 컴파일 과정 살펴보기Flutter로 앱을 만들고 iOS에서 실행해보면, 내부적으로 Xcode가 실행되면서 빌드가 진행되는 걸 볼 수 있습니다."Flutter 앱이 iOS에서 실행될 때 Xcode는 무슨 역할을 하고, 어떤 식으로 앱이 컴파일되는지"자세히 알아보겠습니다.ios sdk 버전 업그레이드 작업을 진행하면서 정리한 내용입니다.. Flutter 프로젝트의 iOS 구조Flutter 프로젝트를 생성하면 /ios 폴더가 자동으로 생기는데,이 폴더는 사실상 Xcode 프로젝트 그 자체입니다.Runner.xcodeproj 또는 Runner.xcworkspace → Xcode에서 열 수 있는 프로젝트 파일AppDelegate.swift → iOS 앱의 시작점Info.plist → 앱 정보.. #01 Flutter FLUTTER란 무엇인가? -> 엔진과 프레임워크 구조의 이해안녕하세요, 오늘부터 Flutter에 대한 기술 블로그를 시작하게 되었습니다.첫 번째 포스팅에서는 Flutter의 핵심 구조, 즉 엔진과 프레임워크에 대해 알아보겠습니다."Flutter는 뭘로 만들어졌고, 내부에서 어떻게 동작할까?"라는 궁금증을 가진 분들에게 도움이 되었으면 합니다.!!Flutter란?Flutter는 Google이 개발한 오픈소스 UI 툴킷입니다.하나의 코드베이스로 iOS, Android, 웹, 데스크탑 앱까지 만들 수 있게 해주는 크로스 플랫폼 프레임워크입니다.언어: Dart주요 특징:빠른 개발 (Hot Reload)일관된 UI/UX (플랫폼 종속성 없음)높은 성능 (네이티브 수준)Flutter의 구성 요소Flutter는 .. 이전 1 다음
