[Flutter] 이해와 문서

keemeesuu·2022년 11월 21일
0

Flutter

목록 보기
1/5
post-custom-banner

Document

Flutter docs(offical document)

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
profile
개발관련 정리하고 기록하는 블로그 🦦
post-custom-banner

0개의 댓글