Document
Flutter docs(offical document)
- Widget catalog
카테고리별 위젯을 묶어놓은 도큐먼트
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
개발관련 정리하고 기록하는 블로그 🦦