2021.12.25_플러터 설명과 장단점

1. 플러터란?

• 하나의 코드베이스로 안드로이드/ 아이폰 앱 생성 가능
  • 문제가 혹시나 기능면으로 정석적으로 개발하는것보다 떨어지지 않을까?
    • 그렇지 않다.
      • 이쁜 앱 레이아웃 만들기
      • In-app Purchase
      • 광고 적용
      • 앱 알림
      • 서버와 통신해서 DB자료 보여주기
      • 폰에있는 사진, 연락처, GPS좌표 꺼내기
      • PG사 카드 결제 연동
    • 별차이 없고, 웹페이지, 윈도우 데스크탑 프로그램 만들기 까지 가능
• 성능 면을 보자면 ReactNative < Flutter
• 개발하고 나서 Build -> Flutter -> Build AppBundle해서 앱 등록하면됨
  • 개발 언어는 Dart
  • 자바스크립트 문제를 좀 개선하기 위해 만든 구글 사내에서 만든 언어

1.1 자바스크립트

var a = 10;
const b = 'hello';

var num = [1,2,3];
var names = { name: 'john' };

function plusOne(a){
  return a + 1;
}

async function getData(){
  await plusOne(2);
}

1.2 Flutter

var a = 10;
final b = 'hello';

var num = [1,2,3];
var names = {'name' : 'john'};

plusOne(a){
  return a+1;
}
s
getData() async{
  await plusOne(2);
}

2. 개발시 실제 서비스 만들어도 될까?

• 스케일업이 쉬운가?
• 버그찾기 쉬운가?
• 개발자도구 디버깅 도구
• 안되는 기능 없나?
• 라이브러리 양과 질
• 꾸준한 업데이트
  • 비지니스 목적으로 많이쓰이고 쉽기 때문에 많이 씀

• 

3. 쉬운 이유

3.1 Dart라는 언어 하나만 알면됨

• 웹개발 = HTML + CSS + JS
• React = JSX + CSS + JS
• ReactNative = JSX + JS

3.2 디자인을 못하는 사람에게 좋음

• 플러터는 미리 만들어놓은 UI만 배치하면된다.
• 팝업창 같은 다이얼그창을 만들고 싶다면
  • Dialog() 하나 적으면 끝
• AppBar를 만들고 싶다면
  • AppBar() 하나 적으면 끝
• 커스텀마이징만 하면됨

3.3 대충해도 완성도 높음

• 빠른 성능
• 조작시 피드백
• 화면전환 애니메이션
• 대충해도 이쁜 레이아웃

4. 단점

• 구글 느낌 디자인
  • 코드 못짜서 그런것
• class가 너무 어렵다
  • 그것은 가르치는 사람이 못가르치는것
    • 이런거 그냥가져와서 그냥쓰는거라어려운것 아님

  • class TestApp extends StatelessWidget{
      const TestApp({Key? key}) : super(key: key);
      
      @override
      Widget build(BuildContext context){
        return Container();
      }
    }

https://github.com/3DPIT/study/blob/master/07.flutter(%ED%94%8C%EB%9F%AC%ED%84%B0)/2021.12.25_%ED%94%8C%EB%9F%AC%ED%84%B0%EC%84%A4%EB%AA%85%EA%B3%BC%EC%9E%A5%EB%8B%A8%EC%A0%90.md 

GitHub - 3DPIT/study