그냥

#2 HELLO FLUTTER

#2.0. Installation

Flutter를 직접 다운로드하여 설치해도 된다.

또는 https://chocolatey.org/install#individual

여기 방법을 참고하여 설치해도 편하다.

압축을 풀고 PATH 설정을 하는 등 직접 세팅을 하지 않아도 된다고 한다.

나는 이미 Flutter 환경 세팅을 직접 해두었기 때문에 생략하였다.

#2.1. Dard Pad

Dartpad에서 Sample 메뉴를 통해 기본적인 샘플을 확인할 수 있다.

새로운 파일을 추가하지는 못하지만 웹 브라우저를 통해서 공부 가능하다.

#2.2. Running Flutter

#2.3. Hello World

#2.4. Recao

#2.5. Classes Recap

참고 : https://www.youtube.com/watch?v=SmKM-8Q0Egw

그 외 영상 확인

# 참조 강의 (노마드코더 - Flutter로 웹툰 앱 만들기)

https://nomadcoders.co/flutter-for-beginners

# 앞으로 4일동안 0.0 ~ 6.18 강의 전부를 들으며 기억할 내용을 간단히 소스위주로 남길것이다.

#0.0. Introduction

프레임워크의 철학, 규칙, 동작하는 원리,

그리고 앞으로 3개의 서로 다른 어플리케이션을 만들게 될것이다.

#1.1. Requirements

Flutter로 앱 개발을 하기 위해서는 Dart를 공부해라.

노마드코더 강의중에 Dart 기본 강의 있다.

Flutter에 사용될 Dart 기본적인 것들을 배울 수 있다.

#1.2. Why Flutter

Flutter는 iOS나 안드로이드, 웹, 맥OS, 윈도우, 리눅스 상에서 동작하는

웹 어플리케이션, 심지어 임베디드까지 다룰 수 있다.

 - 여러 가능성 체험, 확인해보기

  앱이름 : Wonderous (구글플레이 및 애플앱스토어에 있음)

  https://photobooth.flutter.dev/

  https://flutter.gskinner.com/flokk/

  https://flutterplasma.dev/

  https://flutter.dev/games

#1.3. How Flutter Works

Flutter에선 실제 iOS 혹은 안드로이드 버튼을 만들어내는 기능은 존재하지 않는다.

다른 크로스플랫폼 프레임워크처럼 동작하는 것이 아니기 때문이다.

위젯이나 화면 상에 보여지는 모든 것들은

Flutter 어플리케이션 상의 모든 것들은

호스트에 의해 그려진 것이 아니고,

iOS나 안드로이드에 의해 그려진 것이 아니다.

C나 C++ 언어로 이루어진 엔진에 의해 그려지는 것이다.

#1.4. Flutter vs React Native

React Native에선 버튼을 하나 만들면 iOS와 안드로이드에서 서로 다르게 보인다.

Flutter는 컴포넌트를 렌더링하기 위해 운영체제와 직접 소통하지 않는다.

대신 Flutter는 엔진을 통해서 모든 컴포넌트를 렌더링해준다.

멋진 커스터마이징된 디자인을 만들거나

iOS 혹은 안드로이드 앱처럼 보이게끔 만들고 싶지 않다면

Flutter를 사용하는 것이 편하다.

iOS 스타일의 버튼, input, 검색바를 사용하는 iOS스러운 앱을 만들고자 할때는

호스트 운영체제의 스타일을 제공해주는 React Native를 사용하는 것이 좋다. 

#1.5. Recap

1장에서는 Flutter와 다른 크로스플랫폼 프레임워크의 차이점에 대해 다루었다.