본문 바로가기
728x90
반응형

Flutter399

Google I/O 2024 플러터 발표 내용 요약 (상세 버전) 1. Impeller: 새로운 그래픽 렌더링 엔진Impeller는 Flutter를 위한 새로운 그래픽 렌더링 엔진으로, 쉐이더를 미리 엔진에 빌드함으로써 기존 엔진 대비 훨씬 빠른 그래픽 성능을 제공합니다. 이는 복잡한 3D 씬이나 애니메이션을 렌더링할 때 특히 유용하며, 사용자에게 더욱 부드럽고 반응성이 뛰어난 경험을 제공합니다.Impeller의 주요 특징향상된 성능: 최대 2배 빠른 그래픽 성능 제공더 나은 이미지 품질: HDR 및 다중 샘플링 지원줄어든 메모리 사용량: 모바일 기기에서 더욱 효율적인 작동Vulkan 및 Metal 지원: 최신 모바일 기기의 그래픽 하드웨어 활용Skia Pipeline 개선: 텍스트 렌더링, 그림자, 사각형 둥근 모서리 등의 품질 향상Impeller 도입 예정향후 몇 .. 2024. 7. 16.
플러터에서 Scaffold 위젯 이해하기 Flutter에서 Scaffold 위젯 이해하기Flutter는 다양한 위젯들로 구성되어 있으며, 그 중 Scaffold는 화면을 구성하는데 중요한 역할을 합니다. Scaffold 위젯은 머티리얼 디자인 레이아웃 구조를 제공하여 앱의 기본적인 화면을 쉽게 구성할 수 있도록 도와줍니다. 이번 블로그에서는 Scaffold 위젯의 기본 사용법과 주요 속성들에 대해 알아보겠습니다.1. Scaffold 위젯이란?Scaffold는 Flutter 앱의 기본 레이아웃 구조를 제공하는 위젯으로, 앱 바(AppBar), 드로어(Drawer), 바텀 네비게이션 바(BottomNavigationBar) 등을 포함할 수 있습니다. Scaffold를 사용하면 머티리얼 디자인 가이드라인을 따르는 앱을 쉽게 만들 수 있습니다.2. S.. 2024. 7. 16.
[플러터 위젯] ElevatedButton 플러터(Flutter)는 다재다능한 위젯 라이브러리로, 다양한 버튼 옵션을 제공하여 모바일 애플리케이션의 UI를 쉽게 구축할 수 있습니다.그중에서 엘레베이티드버튼(ElevatedButton)은 자주 사용되는 버튼 중 하나입니다.이 글에서는 플러터에서 ElevatedButton을 사용하는 방법과 다양한 옵션을 소개하겠습니다.1. ElevatedButton 소개ElevatedButton은 플러터에서 사용자가 누를 수 있는 버튼을 만들기 위해 사용되는 위젯입니다. 이는 음영(shadow)과 높이(elevation)를 제공하여 버튼이 배경 위에 떠 있는 것처럼 보이게 합니다.2. ElevatedButton 기본 사용법다음은 ElevatedButton의 기본 사용법입니다:import 'package:flutter.. 2024. 7. 16.
[로컬 데이터베이스] 플러터에서 Hive 패키지 사용하여 CRUD 구현하기 Hive는 Flutter에서 로컬 데이터베이스를 사용하는 인기 있는 패키지입니다. NoSQL 데이터베이스로서 키-값 쌍 저장, 객체 저장, 쿼리 등 다양한 기능을 제공합니다. SQLite보다 가볍고 빠르며, Thread-safe 특성을 가지고 있어 여러 스레드에서 안전하게 사용할 수 있습니다. 1. Hive 패키지 설치Hive 패키지를 사용하려면 먼저 pubspec.yaml 파일에 다음 종속성을 추가해야 합니다.dependencies: hive: ^2.2.3 hive_flutter: ^1.1.0  또한 객체를 저장하려는 경우 build_runner 및 hive_generator 패키지를 dev_dependencies 에 추가해야 합니다.dev_dependencies: build_runner: ^2... 2024. 7. 16.
플러터 코딩 스타일 가이드 플러터는 구글에서 만든 오픈소스 UI 소프트웨어 개발 키트(SDK)로, 모바일, 웹, 데스크톱 애플리케이션을 개발할 수 있습니다. 플러터 코드의 일관성을 유지하고 가독성을 높이기 위해 아래와 같은 스타일 가이드를 따르는 것이 좋습니다.1. 들여쓰기플러터에서는 들여쓰기로 스페이스 2칸을 사용하는 것이 일반적입니다.void main() { runApp(MyApp());}2. 파일 및 디렉토리 구조플러터 프로젝트에서는 파일 및 디렉토리를 일관성 있게 구성하는 것이 중요합니다.lib 디렉토리: 소스 코드는 lib 디렉토리에 위치합니다.각종 폴더: screens, widgets, models, services 등의 폴더를 사용하여 코드를 모듈화합니다.lib/ screens/ home_screen.dart.. 2024. 7. 16.
플러터에서 Easy Localization패키지 사용법 Flutter에서 Easy Localization 사용하기: 초보자를 위한 완벽 가이드Easy Localization은 Flutter 앱을 다국어로 쉽게 만들 수 있도록 도와주는 인기 있는 패키지입니다.이 블로그 게시글에서는 Easy Localization 사용법을 단계별로 안내하고, 다양한 기능과 활용법을 살펴보겠습니다.걱정하지 마세요! 초보자라도 쉽게 이해할 수 있도록 자세히 설명드리겠습니다. 1. Easy Localization 설치 및 기본 설정pubspec.yaml 파일에 Easy Localization 추가dependencies: easy_localization: ^2.4.2 Flutter pub get 실행flutter pub get lib/main.dart 파일에 Easy Localiza.. 2024. 7. 14.
728x90
반응형

티스토리툴바