[Flutter] Flutter 란

해당 글은 Flutter 공식 문서에서 더 자세하게 확인할 수 있습니다.

Flutter - 가장 빠른 아름다운 네이티브 앱

1. Flutter

플러터는 단일 코드 베이스에서 모바일, 웹 및 데스크톱용으로 고유하게 컴파일된 아름다운 애플리케이션을 만들기 위한 Goolge의 휴대용 UI 도구 키트입니다. 플러터는 기존 코드와 함께 작동하고 전 세계 개발자와 조직에서 사용하며 오픈소스입니다.

2. Why Flutter?

♣ 높은 생산성

• 단일 코드베이스로 iOS와 Android 개발할 수 있습니다. 
• 모던하고 표현적인 언어 그리고 선언적 접근법을 통해 단일 OS에서 더 적은 코드로 더 많은 것을 할 수 있습니다.
• 쉽게 프로토 타입을 제작하고 반복할 수 있습니다.
  • 앱 실행 중에 코드를 바꾸고 리로드 하여 개발을 할 수 있습니다. (hot reload)
  • 앱이 중단된 지점에서 문제를 수정하고 디버깅을 이어나갈 수 있습니다.
• 아름답고 고도로 커스터마이징된 UX를 만들 수 있습니다.
  • 플러터의 자체 프레임워크를 사용하여 머티리얼 디자인과 쿠퍼티노(iOS) 스타일의 풍부한 위젯들을 만들 수 있습니다.
  • OEM 위젯의 제한없이 맞춤형의 아름다운 브랜드 주도 디자인을 실현할 수 있습니다.

3. 위젯

모든 위젯은 UI의 불변 선언입니다. 위젯은 플로터 앱 UI의 기본 단위입니다. 뷰, 뷰 컨트롤러, 레이아웃 그리고 기타 다른 속성들을 분리하는 다른 프레임워크들과 다르게, 플로터는 일관적이고 통일된 오브젝트 모델을 갖고 있습니다.
그리고 그것은 바로 위젯입니다.

위젯은 다음의 것들을 정의합니다.

• 구조적인요소
• 스타일적인 요소
• 레이아웃 요소
• 기타 등등...

위젯은 구성을 기반으로 계층 구조를 형성하고 각 위젯은 내부에 중첩되고 부모의 속성들을 상속받습니다. 별도 애플리케이션 오브젝트가 없는 대신 최상위 위젯이 그 역할을 하게 됩니다.

위젯은 종종 강력한 효과를 내기 위해 단일 목적의 여러 작은 위젯들로 구성됩니다. 예를 들어 일반적으로 사용되는 Container 위젯은 painting, positioning, sizing과 같은 레이아웃 관련 위젯들로 구성됩니다.
커스텀 마이징을 위해 Container의 서브 클래스를 만들기보다는 앞서 언급한 위젯들 혹은 그 외 다른 간단한 위젯들을 참신한 방법으로 조합할 수 있습니다. 가능한 조합의 수를 최대화하기 위해 클래스 계층 구조는 얕고 넓습니다.

다른 위젯들과 함께 구성하는 방식으로 위젯의 레이아웃을 조작할 수 있습니다. 예를 들어 위젯을 가운데로 위치시키려면 그 위젯을 Center 위젯으로 감싸면 됩니다. 패딩, 정렬, 행, 열 그리드와 같은 여러 레이아웃 위젯들이 있는데 이러한 레이아웃 위젯들은 그 자체로 시각적 표현을 갖고 있지는 않습니다. 이들의 유일한 목적은 다른 위젯의 레이아웃을 제어하는 것이기 때문입니다. 만약 어떤 위젯이 어째서 이렇게 렌더링된건지 궁금하다면 인근에 위치한 다른 위젯들을 살펴보면 알 수 있습니다.

4. 레이어

플러터 프레임워크는 각각의 층이 이전 층에 의해 빌드되는 일련의 층으로 구성되어 있습니다.
프레임워크는 상위 레이어로 갈수록 하위 레이어보다 더 빈번하게 사용됩니다. 플러터의 계층화된 프레임워크를 구성하는 전체 라이브러리는 공식문서에서 제공하는 API문서에서 확인할 수 있습니다.

이러한 설계의 목표는 개발자로 하여금 더 적은 코드로 더 많은 일을 할 수 있게 하는 것입니다.