(Flutter-기초 강의) 13. 파일 관리하기 (로딩 및 표시)

file management
Flutter 개발에 있어 파일 관리와 로딩은 앱의 자원을 관리하기에 필수적인 부분입니다. 특히 이미지와 같은 미디어 파일을 처리할 때는 사용자에게 로딩 중임을 알리는 것이 중요합니다. 다음은 로컬 및 네트워크 경로에서 파일을 로딩하고 표시하는 방법을 예제와 함께 소개하겠습니다. File Flutter에서 파일을 다루는 ...
Read more

(Flutter-기초 강의) 12. http 통신하기 (feat. http, dio 패키지)

flutter-http-feat-dio
Flutter를 사용하는 개발자라면 앱과 서버 간의 필수 통신 프로토콜 중 하나입니다. 이번 포스팅에서는 Flutter에서 HTTP 통신하는 방법을 기본 http 패키지 사용법부터 Dio 패키지 사용법까지 상세하게 소개하겠습니다. HTTP 통신 HTTP 통신이란? HTTP 통신이란 HyperText Transfer Protocol의 약자로, 인터넷에서 데이터를 주고받는 프로토콜입니다. ...
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-기초 강의) 7. Dart – 객체(Object) 불변성 및 비교 알기 (Immutable Object, Shallow Copy / Deep Copy – feat. Equatable Package)

앞서 Dart에 대해 3. Dart 소개 – 개요, 특징, 키워드 와 4. Dart 필수 문법 및 동작의 이해 에서 다루긴 했지만 flutter 객체의 특성 중 불변 객체(Immutable Obejct), 얕은 복사(Shallow Copy) / 깊은 복사(Deep Copy)에 대해 알지 못하면 이해하는데 혼란이 ...
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

(Flutter-기초 강의) 5. 프로젝트 생성 및 기본구조

Flutter를 배우기에 앞서 두 포스팅(3. Dart 소개, 4. Dart 필수 문법 및 동작의 이해)을 통해 Dart 언어의 기본적인 로직과 문법에 대해 익혔고, 이제 본격적으로 Flutter에 대한 강의를 진행하고자 합니다. 먼저 Flutter CLI를 통해 프로젝트를 생성하고 기본으로 생성되는 프로젝트 구조 및 ...
Read more

(Flutter-기초 강의) 4. Dart 필수 문법 및 동작의 이해 (Class, Function, Sync/Async, Inheritance, Collections)

flutter-basic-4-dart-1
앞선 글에서 설명했듯이, Dart는 Flutter라는 Framework에서 사용하는 프로그래밍 언어이고, 이를 완벽히 알려면 학습에 많은 시간이 필요합니다. 따라서, 필요한건 그때그때 찾아보기로 하고, 오늘은 필수적으로 알고 가면 좋은 문법 및 동작에 대해 알려드리고자 합니다. 다트(Dart) 언어는 기본적인 프로그래밍 요소들을 이해하고 활용하는 데 ...
Read more