플러터 입문하기

 

 

 

플러터란?

 

 - 구글이 구현한 크로스 플랫폼 프레임워크 : 현재 리엑트 네이티브랑 플러터 2개를 중점적으로 사용중 

 - 플러터의 코드로 어플 및 웹 까지 지원 가능 : 개발 공수가 줄어든다.

 - 플러터는 스키아 엔진에 위젯을 직접 그리고 이벤트를 실행하여 퍼포먼스가 RN대비 좋음 

 

 

기본 프로젝트 실행 

 

아래의 코드를 실행해서 간단히 어플에 글자를 출력 

// 머티리얼 디자인 관련 코드 import
// 플러터의 기본 위젯을 사용할 수 있ㅇ므
import 'package:flutter/material.dart';

void main() {
  // 플러터  프로젝트를 실행
  runApp(
    // 머티리얼 디자인 기반 위젯을 사용하게 해주는 위젯
    MaterialApp(
      // 화면 전체를 차지하며 레이아웃을 도와주고 UI기능 제공
      // 화면 알림 , 스낵바 등등 화면의 위에 앱바 추가 탭바 추가 등의 기능 제공 
      home: Scaffold(
        body: Center(
          child: Text(
            'Hello World'
          ),
        ),
      ),
    )
  );
}

 

 

 1) 머티리얼 디자인 관련 라이브러리를 가져온다  

 2) 프로젝트를 실행하는 도입부 main이 실행된다 

 3) runApp() 함수가 실행되어 플러터 프로젝트를 시작한다.

 4) MaterialApp() 함수가 실행되고 머티리얼 관련 위젯을 사용할 수 있도록 밑바탕을 깔아준다 

 5) Scaffold 위젯은 화면 전체를 차지하고 레이아웃을 도와준다. 알림이나 스낵바, 앱바, 탭바 등등 화는 화면 관련에 있는 최상위 위젯

 

 

참고

“이 글은 골든래빗 《Must Have 코드팩토리의 플러터 프로그래밍 2판》의 스터디 내용 입니다.”