⚡ Flutter Intro

🚀 플러터는 구글이 개발한 도구로, 초기 하이브리드 앱 개발을 위한 플랫폼 프레임워크로 시작하였다 !
그러나 현재에는 ios, android 앱 개발 뿐만 아니라 웹 개발, 웹뷰, 임베디드, iot 등
수없이 많은 곳에서 flutter를 이용하여 개발을 할 수 있게 되었다!
우리도 flutter의 등에 올라타보자!

cf) 플러터로 개발된 예시
https://flutterplasma.dev/
pinball.flutter.dev

🚀 플러터의 동작 방식
다른 크로스 플랫폼 프레임워크들과 달리 우리가 짜는 Dart 코드가 OS와 직접 소통하지 않는다.
Framework를 감싸고 있는 엔진이 있고, C, C++로 만들어진 엔진이 우리의 코드를 실행하여 뷰를 구성하는 플로우를 갖는다.
때문에 native widget(ios에서의 버튼) 등을 이용하지 못하게 된다.
실제로 flutter를 이용하여 개발하였을 때 ios에서 나오게 되는 뷰는 flutter에서 모방한 일종의 mock임.
이 점이 단점으로 보일 수도 있지만, OS와 무관하게 전체 화면 뷰를 control할 수 있다는 점에서 장점이 될 수도 있음!

🚀 react-native vs flutter
React를 공부해본 입장에서, 앱 개발을 입문하면서 react-native를 이용하는 것이 좀 더 리소스가 덜 들 것이라고 판단하여 Flutter를 공부하는 것이 고민되었다.
잠깐, react-native와 flutter가 어떻게 다른지 한 번 짚고 넘어가자!

컴포넌트 랜더링 시의 차이

react-native(이하 RN)은 운영체제와 직접 소통을 하며 UI를 그려나간다. 때문에 하나의 코드를 이용하여 ios와 andriod에 버튼을 그린다고 했을 때, ios와 android에서 각각 다른 디자인(네이티브 위젯)의 버튼이 그려지게 된다. 반면, flutter는 OS와 직접 소통하는 것이 아니기 때문에, UI를 서비스 구성에 따라 커스터마이징하는 것이 조금(많이?) 더 수월하다

뷰에서의 결론: 그냥 내장된 위젯 사용해서 UI 구성하고 싶으면 RN 이용하는 것이 편리, 커스터마이징이 필요한 경우 플러터가 승!