(Flutter-기초 강의) 14. Route 하기 (Navigator, go_router)

flutter-basic-route-navigator-go_router
Flutter에서의 Route 기능은 애플리케이션의 다양한 화면이나 페이지로 사용자를 안내하는 중요한 역할을 합니다. 이 기능을 통해 사용자는 앱 내에서 원활하게 화면을 전환하고, 다양한 데이터와 상호작용할 수 있습니다. Route 란? 소개 Route는 Flutter 앱에서 사용자 인터페이스의 경로 또는 화면을 나타냅니다. 각 Route는 ...
Read more

(Flutter-기초 강의) 11. Assets 관리 (Fonts, Images, Icons)

flutter-basic-asset-image-icon
폰트, 이미지, 아이콘과 같은 Asset들을 효과적으로 관리하는 것은 시각적으로 매력적이고 원활한 사용자 경험을 만드는 데 필수적입니다. Flutter는 이러한 Asset을 애플리케이션에 통합하는 데 효율적이고 간편한 방법을 제공합니다. Flutter에서 Asset 개요 Asset이란 애플리케이션이 런타임에 접근할 필요가 있는 파일들을 말합니다. 이에는 정적 데이터(예: ...
Read more

(Flutter-기초 강의) 10. Input Widgets (TextField, CheckBox, Radio, Slider)

flutter-basic-input widget
사용자와의 상호작용은 어떤 앱에서도 중요한 부분이며, Flutter에서는 다양한 Input Widget을 통해 이를 손쉽게 구현할 수 있습니다. 이번 포스팅에서는 Flutter의 주요 Input Widget들에 대해 자세히 알아보겠습니다. Input Widget 개요 Input Widget은 사용자로부터 데이터를 입력받는 데 사용됩니다. 텍스트 입력, 스위치, 체크박스 등 ...
Read more

(Flutter-기초 강의) 9. Layout Widgets (Column, Row, Container, Stack, etc..)

Flutter에서의 Layout Widget은 앱의 UI를 구성하는 데 있어 핵심적인 역할을 합니다. 이들은 다양한 방식으로 Widget을 배치하고, 조정하여 원하는 디자인과 구조를 만들 수 있게 해줍니다. 주요 Layout Widget에 대하여 간단한 예시 코드와 함께 소개하겠습니다. 아래 예제의 전체 소스는 GitHub Repository 에 ...
Read more

(Flutter-기초 강의) 8. Widget – Lifecycle

Flutter의 Widget은 앱의 화면을 구성하는 기본 요소입니다. Widget은 생성, 업데이트, 삭제되는 과정을 거치며, 이러한 과정을 Lifecycle이라고 합니다. 이번 포스팅에서는 앱의 동작을 좀더 자세히 알기 위해 Widget의 Lifecycle을 확인해 보겠습니다. Widget Lifecycle 개요도 1. createState() createState() 함수는 StatefulWidget에 의해 호출되어, Widget의 ...
Read more

(Flutter-기초 강의) 6.StatelessWidget & StatefulWidget, Scaffold 란 무엇인가?

flutter-basic-6-scaffold-statelessWidget-statefulWidget
오늘은 Flutter 프로젝트의 가장 기본이 되는 Widget들인 StatelessWidget & StatefulWidget과 Scaffold에 대해 소개하도록 하겠습니다. Widget 이란? Flutter에서 Widget은 화면의 모든 요소를 나타내는 기본 단위입니다. 텍스트, 이미지, 버튼, 레이아웃 등 모든 UI 요소는 Widget으로 표현됩니다. Flutter의 Widget은 계층 구조로 구성됩니다. 가장 ...
Read more