Flutter는 위젯으로 시작해서 위젯으로 끝난다. 화면에 표시된 모든 요소가 위젯이며, 눈에 보이지 않지만 화면을 구성하는 레이아웃도 위젯이다. 위젯은 크게 StatelessWidget과 StatefulWidget으로 분류할 수 있다. StatelessWidget 말그대로 상태를 가지고 있지 않은 위젯이다. 어떠한 상태값도 가지고 있지 않기 때문에 StatelessWidget은 화면에서 특정 움직임이나 변화가 없이 정적이다. 화면에는 표시되지만, 사용자와 어떠한 인터렉션도 하지 않으며, 어떠한 움직이나 변화를 가지고 있지 않다. StatefulWidget StatelessWidet과는 반대로 어떠한 상태값을 가지고 있으며, 상태값에 의해 화면에 움직임이나 변화를 표현할 때 사용한다. 사용자의 인터렉션에..

Flutter는 다음과 같이 일반적으로 사용되는 기본 Widget이 제공된다. Text 스타일이 지정된 텍스트를 생성할 수 있다. Row, Column 웹의 Flexbox 레이아웃 모델을 기반으로하여, Row, Column 방향 모두에서 유연한 레이아웃을 만들 수 있다. Stack 선형 방향(수평 또는 수직) 대신 Stack 위젯을 사용하여 페인트 순서에 따라 위젯을 서로 포개어 배치할 수 있다. Container 컨테이너는 배경, 테두리, 그림자 등으로 장식될 수 있고, 여백(margin), 안쪽 여백(padding) 및 크기에 대한 제약 조건이 적용될 수 있다. 또한 컨테이너는 행렬을 사용하여 3차원 공간에서 변환될 수 있다. 기본 사용법 import 'package:flutter/material.d..

프로젝트 시작 프로젝트 생성 > flutter create toonflix > cd toonflix > code . vscode 확장 설치 dart flutter 프로젝트 초기화 "main.dart" 파일의 void main() 함수 아래부분을 모두 지워주자. 그리고 main 함수 안의 runApp 함수를 확인해보면 아래와 같다. runApp() Function flutter에서 main함수는 필수이며 그 안에 들어가는 runApp 함수는 앱의 시작점, 루트라고 생각할 수 있다. runApp함수는 Widget 매개변수를 받고있는데, flutter는 모두 Widget으로 이루어진다고 생각할 수 있다. 마치 레고블럭과 같이 Widget들을 합치고 조립하여 하나의 앱이 완성된다. 공식 위젯은 아래 링크에서 확..

1. homebrew 설치 2. flutter 설치 brew install --cask flutter cask 옵션은 flutter를 application으로 넣어주기 위함 만약 dart가 설치되어있다면, 삭제하고 flutter로 다시 설치 (dart가 같이 설치된다) 3. 필수사항 확인 flutter docter 위 명령어로 flutter를 사용하기위해 필요한 것들을 확인해보자. 4. xcode 설치 1. app store에서 xcode 검색 후 설치 2. 아래 명령어 입력 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer sudo xcodebuild -runFirstLaunch 3. cocoapods 설치 - 링크 brew i..