1-1.Hello world build

https://nomadcoders.co/

강의를 따라하면서 정리

 

project start

~ $flutter create starteng
Signing iOS app for device deployment using developer identity: "Apple
Development: 
Creating project starteng...
Running "flutter pub get" in starteng...
Resolving dependencies in starteng... (1.2s)
+ async 2.10.0 (2.11.0 available)
+ boolean_selector 2.1.1
+ characters 1.2.1 (1.3.0 available)
+ clock 1.1.1
+ collection 1.17.0 (1.17.2 available)
+ cupertino_icons 1.0.5
+ fake_async 1.3.1
+ flutter 0.0.0 from sdk flutter
+ flutter_lints 2.0.1
+ flutter_test 0.0.0 from sdk flutter
+ js 0.6.5 (0.6.7 available)
+ lints 2.0.1 (2.1.1 available)
+ matcher 0.12.13 (0.12.16 available)
+ material_color_utilities 0.2.0 (0.5.0 available)
+ meta 1.8.0 (1.9.1 available)
+ path 1.8.2 (1.8.3 available)
+ sky_engine 0.0.99 from sdk flutter
+ source_span 1.9.1 (1.10.0 available)
+ stack_trace 1.11.0
+ stream_channel 2.1.1
+ string_scanner 1.2.0
+ term_glyph 1.2.1
+ test_api 0.4.16 (0.6.0 available)
+ vector_math 2.1.4
Changed 24 dependencies in starteng!
Wrote 127 files.

All done!
You can find general documentation for Flutter at: https://docs.flutter.dev/
Detailed API documentation is available at: https://api.flutter.dev/
If you prefer video documentation, consider:
https://www.youtube.com/c/flutterdev

In order to run your application, type:

  $ cd starteng
  $ flutter run

Your application code is in starteng/lib/main.dart.

 

 

 

 

 

*StatelessWidget(You can inherit from or extend a class using the extends keyword.)은 stl을 입력하면 자동으로 전체 구조를 입력할 수 있습니다! 

- class App 정리하고 상속자 extends StatelessWidget을 정의해준다.

- 모든 것은 위젯이다. 블록처럼 위젯에 위젯을 쌓아가며 앱을 만드는 것.

- 위젯은 외우지 말고 찾아보며 사용하자. https://docs.flutter.dev/development/ui/widgets 

- 모든 위젯은 build 메소드를 사용해야한다.(build 또한 자동 완성 가능) 

- build method 안에서도 리턴을 해줘야하는데 모든 앱은 CupertinoApp(Apple) 혹은 MaterialApp(Google) 중에 선택해야 하는데, materialapp이 훨씬 보기 좋으니 MaterialApp을 쓰자.(이 설정은 루트이기 때문에 우리가 임의로 커스터마이징한 디자인의 앱을 선택할 수 없다.) 

- 모든 화면은 Scaffold(구조)를 가져야 한다.

- 모든 위젯에는 어떻게 정의해야되는지 마우스 갖다대면 정보가 다 나온다. 거기에 맞춰 작성을 하고 궁금하면 써보면서 테스트도 해보자.(constructor:생성자; 앱을 구성하고 있는 구조물 리스트)

named parameter의 예