[Flutter] Stateless & Stateful 알아보기
Develop/Flutter2024. 1. 18. 14:52[Flutter] Stateless & Stateful 알아보기

개요 Flutter 앱 개발 학습 초기에 위젯들을 넣는 방법을 배우다 보면 위젯들의 이름이 전부 StatelessWidget임을 알 수 있다. 그렇다면 StatefulWidget은 무엇이고 언제 쓰는걸까? 이제부터 StatefulWidget의 존재와 그 사용 방법에 대해서 알아보자. Imperative UI (명령형) vs Declarative UI (선언형) 가장 먼저 Flutter의 UI 구성 방식에 대해서 알아보자. UI를 짜는 방식으로는 두 가지 방식이 있다. 전통적으로 사용되어온 Imperative UI(명령형 UI)가 있고, 최근 들어 새롭게 등장한 Declarative UI(선언형 UI)로 만드는 방식이 있다. Imperative UI (명령형 UI) 란? 전통적인 방식이라고 부를 수 있는 ..

[Flutter] Flutter 위젯 디자인에 관하여
Develop/Flutter2024. 1. 17. 15:28[Flutter] Flutter 위젯 디자인에 관하여

Flutter 위젯 디자인 개요 Flutter를 세팅하고 flutter 프로젝트를 만들었다면, 이제 위젯을 디자인하는 방법에 대해서 알아보자. Flutter의 특징을 하나씩 알아가며 어떤 식으로 앱을 디자인하게 되는지 학습한다. 위젯 Flutter에서 앱을 디자인할 때는 위젯을 생각하면 된다. 아래의 사진은 iOS와 Android OS의 위젯화면이다. ▼ Flutter에서 앱을 디자인 하는 방법은 쉽게 말해 위젯을 짜깁기 하는 것이다. Flutter는 선언형 UI를 채택하고 있기 때문에 각종 UI들이 위젯의 형태로 미리 구현이 되어있다. 글자를 넣고 싶다면 글자 위젯, 박스를 넣고 싶다면 박스 위젯을 넣는 식으로 디자인을 한다.▼ 위젯 내부에 위젯을 넣는 식으로 짜깁기 한다. 위젯 트리 그렇다면 이 위젯..

[Flutter] M1 맥북에서 Flutter 세팅하기(feat. VSCode)
Develop/Flutter2024. 1. 16. 16:18[Flutter] M1 맥북에서 Flutter 세팅하기(feat. VSCode)

개요게임 개발을 공부하다가 슬럼프인지 뭔지 공부 속도가 너무나도 늦어지기도 하고 의욕도 안나고 프로젝트도 망하고 해서 다시 앱 개발로 돌아왔다. 위의 실패로 느낀것은 뭐든 정말 빠르게 만들고 봐야 의욕이 나는구나였고, 네이티브보다 더 빠르게 개발이 가능한 크로스 플랫폼 개발환경인 Flutter를 공부하게 되었다. (GDSC들어가서 하게 된 것도 있다.)네이티브 개발환경이 성능상으로는 훨씬 좋은건 사실이지만, 안드로이드와 iOS 모두를 개발하는 입장에서는 정말 곤란 그 자체다.그럼에도 iOS 네이티브 개발이 더 끌리는 것은 사실이지만, UIKit과 SwiftUI의 세대 교체중인 과도기라서 SwiftUI나 UIKit이나 둘 중 하나가 완벽하게 자리를 잡는 때에 돌아가도 늦지 않다고 결론을 내렸다.플러터 외에..

image