[Flutter #2] Flutter 기본 구조 완벽 이해: MaterialApp, CupertinoApp, Scaffold

도경원's avatar
Sep 23, 2025
[Flutter #2] Flutter 기본 구조 완벽 이해: MaterialApp, CupertinoApp, Scaffold

1. Material App vs CupertinoApp

플러터는 쿠퍼티노 디자인 혹은 메터리얼 디자인 둘 중 하나를 선택하여 그림을 그릴 수 있다. 두 개의 클래스 중 하나를 선택해야 한다.
  • MaterialApp은 Android 디자인이다.
  • CupertinoApp은 iOS 디자인이다.
버튼을 하나 만들어도 무엇을 선택했는지에 따라 디자인이 달라지게 된다.

2. Scaffold

사용자에게 좋은 경험을 줄 수 있도록 플러터에서 개발자에 제공해주는 클래스가 바로 Scaffold이다.
그래서 MaterialApp 내부를 Scaffold로 감싸야 한다. Scaffold로 감싸는 순간 휴대폰 화면에 구조가 만들어지고 쉽게 앱을 만들 수 있다.
notion image

3. MaterialApp 내부에 Scaffold

notion image
Share article

Gyeongwon's blog