Front-end/Flutter

[노마드코더] #1 Introduction

성중 2023. 1. 15. 16:43

Why Flutter

flutter.dev

  • Dart 언어와 Flutter 프레임워크 학습만으로 원하는 어떤 플랫폼이든 손쉽게 배포 가능
  • 처음에는 Android와 iOS 정도만 지원하다가 웹 및 다양한 운영체제 대응 + IoT까지 확장
  • Flutter(+ Dart) / Firebase / Android / Chrome 모두 구글에 소속되어 서로 시너지 효과

 

Flutter를 사용하는 거대 브랜드나 기업들🔽

 

Showcase - Flutter apps in production

The world’s biggest businesses are building with Flutter. View the showcase and see Flutter apps in production.

flutter.dev

 

Flutter로 3D 게임 개발까지 가능🔽

 

Games

 

flutter.dev

 

How Flutter Works

Architectural layers

  • 기존 네이티브 프레임워크(iOS, Android)의 개발은 운영체제와 직접적으로 소통하는 구조
  • Dart 코드는 Flutter 프레임워크 상에 자체 포함된 애니메이션, Painting, Gestures 등을 이용
  • 운영체제를 거치지 않고 C/C++로 작성된 엔진이 동작하며 UI를 렌더링 (비디오 게임과 비슷)
  • 운영체제는 단순히 엔진을 동작시키는 역할이며, Flutter는 플랫폼의 Native Widget 사용 불가

 

진주 (= Dart 코드 및 Flutter 프레임워크 앱) / 조개 껍데기 (= 엔진, VM) / 바다 (= 플랫폼)

Flutter vs React Native

React Native👍

  • 네이티브 앱 운영체제 상에서 가능한 위젯을 사용해야 하는 경우
  • 디자인이 iOS 혹은 Android 앱처럼 보이게끔 만들고 싶은 경우

 

Flutter👍

  • 세밀한 디자인 요구사항이 있거나 100% 커스터마이징하고 싶은 경우
  • 외부 패키지에 의존하지 않고 고수준의 애니메이션을 구현하고 싶은 경우

 

본 내용은 노마드코더의 'Flutter로 웹툰 앱 만들기'를 바탕으로 작성되었습니다

'Front-end > Flutter' 카테고리의 다른 글

[노마드코더] #6 Webtoon App  (0) 2023.02.02
[노마드코더] #5 Pomodoro App  (0) 2023.01.27
[노마드코더] #4 Stateful Widgets  (0) 2023.01.19
[노마드코더] #3 UI Challenge  (0) 2023.01.18
[노마드코더] #2 Hello Flutter  (0) 2023.01.16