(Flutter-기초 강의) 10. Input Widgets (TextField, CheckBox, Radio, Slider)
사용자와의 상호작용은 어떤 앱에서도 중요한 부분이며, 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 프로젝트의 가장 기본이 되는 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)
앞선 글에서 설명했듯이, Dart는 Flutter라는 Framework에서 사용하는 프로그래밍 언어이고, 이를 완벽히 알려면 학습에 많은 시간이 필요합니다. 따라서, 필요한건 그때그때 찾아보기로 하고, 오늘은 필수적으로 알고 가면 좋은 문법 및 동작에 대해 알려드리고자 합니다. 다트(Dart) 언어는 기본적인 프로그래밍 요소들을 이해하고 활용하는 데 ...
Read more(Flutter-기초 강의) 3. Dart 소개 – 개요, 특징, 키워드
우리가 학습하고 있는 플러터(flutter)는 프레임워크(Framework)에 해당하고 다트(Dart)는 이 플러터 프레임워크에서 사용하는 구글의 프로그래밍 언어입니다.. 따라서 플러터를 사용하려면 다트를 알아야 사용할 수 있습니다. 프로그램 언어의 특성상 모든걸 다 배우고 가려면 너무 많은 시간이 필요하여, 그때 그때 필요한 것을 학습하며 알아가면 되는데, ...
Read more(Flutter-기초 강의) 2. Flutter 개발환경 설정
Flutter 개발환경 구축 개발을 시작하기 위해서는 Flutter 개발환경 구축은 필수적입니다. 이번 글에서는 Windows 환경에서 Flutter 개발환경을 설정하는 방법에 대해 자세히 알아보겠습니다. 1. Git & Github Desktop 설치 Flutter 개발을 위해서는 코드 버전 관리를 위한 Git과 Github Desktop 설치가 필요합니다. Github ...
Read more(Flutter-기초 강의) 1. Flutter(플러터)란 무엇인가?
1. 개요 (Overview) Flutter(플러터)는 구글이 개발한 오픈 소스 프레임워크로, 사용자 인터페이스를 빌드하고 개발하기 위한 도구입니다. 이 Framework는 Mobile, Web, Desktop 및 embeded 환경에서 작동하는 Application을 만드는 데 사용됩니다. 2. 역사 (History) 2015년: 첫 번째 버전인 “Sky”가 안드로이드 운영 체제에서 실행되며, ...
Read more
