[Flutter] 플러터 입문하기

찌니월드·2024년 2월 20일
0

📚 책 스터디

목록 보기
5/11
post-thumbnail

플러터

구글이 출시한 크로스 플랫폼 프레임워크이며, 한 소스 코드로 수많은 플랫폼에 대응할 수 있다.

플러터 프로젝트 기본 설정

플러터 프로젝트를 실행하면 가장 먼저 main() 함수가 실행되며 main() 함안에 runApp() 함수를 실행시켜서 플러터 프로젝트를 시작한다.

import 'package:flutter/material.dart';

void main() {
  runApp();
}

플러터에서 main() 함수 안에 runApp을 실행하고 그 안에 MaterialApp과 Scaffold 위젯을 추가하는 것이 기본 설정이라고 생각하면 된다.

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Text(
          'Hello Flutter',
        ),
      ),
    ),
  );
}
  • MaterialApp
    • 머티리얼 디자인 기반의 위젯들을 사용하게 해주는 위젯
  • Scaffold
    • MaterialApp 위젯 다음으로 위치하는 위젯
    • 화면 전체를 차지하며 레이아웃을 도와주고 UI 관련 특수 기능을 제공

참고

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

profile
Front-End Developer

0개의 댓글