[flutter] 기초강의 2

flutter.dev

설치페이지 

 

1. sdk 설처

 

니코가 추천해주는 것

chocolatey  : command로  window에 뭔가 설치하 

macos : brew로

엄청 쉽내ㅔ?

__

 

2. 시뮬레이터 설치 (목적에 따라 다르다)

 

3. zip파일 받고 path설정

---

2.2 running flutter

https://stackoverflow.com/questions/70609069/why-does-the-flutter-command-in-vscode-not-work

Why does the "flutter" command in VSCode not work?

pwd라는 것을 없애면 해결된다. 다만 stackoverflow  링크처럼 $PATH를 뒤에 쓰지않고 써버리면.. $PATH 가 아예 저 주소로 초기화 되므로 꼭 $PATH를 뒤에 붙여줘야한다.

export PATH="$HOME/flutter/bin:$PATH"
이렇게.

 

```

flutter create [프로젝트 이름]
```

 

flutter extension 설치하기. 개발환경 좋다. 

 

 

실행할수있는 시뮬레이터가 뜬다.

시뮬레이터가 안뜬다면, https://stackoverflow.com/questions/72229589/flutter-xcode-error-unable-to-boot-the-simulator

Flutter: XCode error "Unable to boot the Simulator"

저장공간에서 개발자에서 시뮬레이터의 캐시를 삭제하고, 시뮬레이터의 디바이스 아무거나 켜보면 연걸이 된다.

근데 시뮬레이터 키면 컴퓨터 죽을 수 있으니 그냥 web환경으로 봐보자.

각 환경별 환경설정들이 들어가있다.

우리에게 중요한 것은 lib/main.dart이다.

이 버튼으로 console이 아니라 vscode로 실행한다.

widget Inspector는 디버깅 경험이 좋다.

그래서 콘솔에서 flutter run을 사용하지 않는 것.

---

2.3 hello world

//위젯이 인자로 들어간다. 위젯은 클래스를 만든다는 개념

hover shortcut : command K command I
https://itchipmunk.tistory.com/58

 티스토리 shortcut
코드블럭 : command option ,

sadf

 

위젯은 위젯을 리턴해야한다.
*StatelessWidget은 stl을 입력하면 자동으로 전체 구조를 입력할 수 있습니다!

요약
- 모든 것은 위젯이다. 블록처럼 위젯에 위젯을 쌓아가며 앱을 만드는 것.
- 위젯은 외우지 말고 찾아보며 사용하자. https://docs.flutter.dev/development/ui/widgets
- 모든 위젯은 build 메서드를 사용해야한다.(build 또한 자동 완성 가능)
- 모든 앱은 CupertinoApp 혹은 MaterialApp 중에 선택해야 하는데, materialapp이 훨씬 보기 좋으니 MaterialApp을 쓰자.
- 모든 화면은 Scaffold(구조)를 가져야 한다.

와 ~

 

콤마 찍으면 이게 뭔지 placeholder?로 보여준다.

option-esc를 누르면 자동완성가능한 속성리스트가 뜬다

온세상이 위젯이야~

코드가 완전 선언형이다. 

아마도 챌린지하면서 여러 디자인을 구현하면서 많이 써볼것같다.

 

무서워하지마~ 생성자야(프로퍼티 받아서 프로퍼티마다 다른 결과가 나올 뿐임)

대충 이런식으로 생겻단 말임.

 

---

2.5 classes recap

항상 new를 쓸필요없어서 안그래보이지만, 인스턴스이다.

ㄹㅇㅋㅋ

required and name paramenter

not required

---

다음에 해볼것

ui 구현