[Flutter] 이해와 문서

Document

Flutter docs(offical document)

• Widget catalog
  카테고리별 위젯을 묶어놓은 도큐먼트

the samples gallery

A curated list of Flutter samples and apps

---

Flutter?

Flutter는 모든 것이 Widget으로 만들어져 있다.
Widget은 레고 블럭과 같이 앱을 만드는데 사용되는 작은 모듈이다.
위젯들을 조합해서 화면을 그리는데, 이 위젯들의 조합이 나무와 같이 생겼다하여 Widget Tree라고 부른다.

출처 : Flutter 앱 개발 완성 - DevStory

---

Project Settings

vscode extension list

• Dart
• Flutter
• Awesome Flutter Snippets
  class와 method를 쉽게 작성해준다.
• Material Icon Theme
  vscode icons 이쁘게 해준다.

---

알아야할 기능

Command Palette : 명령어를 검색해서 기능들을 사용할 수 있다.

shortcut
window : Ctrl + Shift + p
macOS : Cmd + Shift + p

Flutter: new Project - 프로젝트 생성

---

Flutter 폴더구조

lib : 주로 코딩하는 폴더
pubspec.yaml : 라이브러리 및 설정을 하는 폴더
android : Android 프로젝트 폴더
ios : iOS 프로젝트 폴더
web : Web 프로젝트 폴더

---

Flutter vscode 초기설정

Command Palette -> Dart: Use Recommended Settings
저장 시 자동 줄 정령 기능

Settings -> Preview Flutter Ui Guides
소스코드에서 위젯 관계도를 보여준다.

shorcut

• suggestions widget properties : command + i
• 함수 파라미터 힌트 : Cmd + shift + Space
• 위젯 리펙터 : Ctrl + shift + R