반응형 [개발] 이야기/[Flutter] 이야기11 [flutter] 플루터의 3요소, Widget Tree, Element Tree, RenderObject Tree 에 대해서 알아보자 (setState를 하면 일어나는 일들) 플루터에서 위젯의 상태를 변경하기 위해서 setState를 하면 어떠한 일들이 일어날까? Flutter는 모든 것이 위젯이다 이 특징이 있음을 꼭 기억하자 (엄밀히 따지면 Flutter에서 위젯이외의 객체도 일부 존재하지만 대부분이 위젯이고 일반적으로 프로그래밍을 할때 위젯이 아닌경우를 신경 쓸 일이 없으므로 모든것이 위젯이라고도 할 수 있다.) 플루터는 UI를 그려내기 위해 Widget Tree, Element Tree, Render Tree 3가지를 사용합니다. 이 세가지를 왜 사용할 까요? 이는 곧 성능과 관련이 있습니다. 만약에 플루터가 위젯트리 하나로만 되어있었다면 정말 수시로 렌더링이 자주발생하는 앱같은 경우에는 모든 위젯이 다시 렌더링되어야 하는 문제가 있겠죠 이를 3가지로 나누어 각각 적절.. 2023. 12. 27. 플루터 소개 Flutter에 대한 소개 Flutter는 Google에서 개발한 오픈 소스 UI 프레임워크로, 모바일 애플리케이션 개발을 위한 플랫폼입니다. 이 프레임워크는 싱글 코드베이스로 안드로이드와 iOS 모두를 대상으로 애플리케이션을 개발할 수 있게 해줍니다. Flutter는 Dart라는 프로그래밍 언어를 사용하며, 고성능의 네이티브 앱을 만들 수 있습니다. Flutter는 사용자 인터페이스를 구성하는 위젯 기반 UI로 구성되어 있습니다. 이는 개발자들에게 매우 유연한 UI 구성을 제공합니다. Flutter의 위젯은 애플리케이션의 모든 구성 요소를 나타내며, 텍스트, 이미지, 버튼 등 다양한 형태로 사용될 수 있습니다. 이렇게 위젯을 조합하여 원하는 UI를 만들 수 있습니다. Flutter의 주요 특징 중 하나.. 2023. 12. 26. flutter 간단하게 스플래시 스크린 만들기 (feat. flutter_native_splash) 플루터 앱을 개발하다 보면 앱 실행 시 화면이 곧바로 나타나는 것이 아니라 스플래시 화면이 나타나고 앱이 로드되는 시간 동안 사용자에게 정보를 제공할 수 있습니다. 이러한 스플래시 화면을 구현하기 위해 flutter_native_splash 플러그인을 사용할 수 있습니다. flutter_native_splash 플러그인 설치하기 먼저, 터미널을 열고 프로젝트 디렉토리로 이동합니다. 다음 명령을 실행하여 flutter_native_splash 플러그인을 설치합니다. flutter pub add flutter_native_splash flutter_native_splash 플러그인은 앱의 스플래시 화면을 구현하기 위해 필요한 기능과 설정을 제공합니다. 이 플러그인을 사용하면 간편하게 스플래시 화면을 구현할 .. 2023. 12. 26. [flutter] Local Notification 설정 및 구현하기 android, ios 모두 가능하게, 등록한 알림 지우기 remove 목차 Flutter Local Notification 패키지 설명 - 플루터에서 현재 사용하고 있는 기기에 알림을 보내기 위해서 사용하는 패키지이다. pub.dev사이트의 flutter_local_notification을 찾아보면 좋아요가 5천 개를 넘는 걸 볼 수 있다. 5천 개 이상이면 대단히 높은 수치이나 그만큼 이 플로그인의 안정성이 확이 되었고 많은 사람들이 사용하고 있다는 증거일 것이다. 그럼 힘들게 구현하지 말고 이 플러그인을 사용해서 기기에 알림을 보내는 기능을 만들어 보자! 1. flutter_local_notifications 설치 하기 - https://pub.dev/packages/flutter_local_notifications 접속 후 설치 링크 복사 - pubspec.yaml의.. 2023. 9. 1. 이전 1 2 3 다음 반응형
