[Flutter] 단일 박스(Container) 위젯 작성

📚 Container, SizedBox, Center 1. Center child 를 가운데 배치합니다. const Center( child: Text('Flutter My Home Page'); ) 2. Containsar child 레이아웃의 위젯 class MyHomePage extends StatelessWidget { const MyHomePage({ Key? key, }) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Center(child: const Text('Flutter My App Bar')), ), body: Container( color: ..

[Fltutter] MaterialApp, Text, Scaffold, Appbar

📚 화면 레이아웃 구성 위젯 1. MaterialApp 안드로이드 native setting 빌드 시에 필요한 파일들과 코드들이 생성됩니다. 2. Text 텍스트를 출력해주는 위젯 3. Scaffold 머터리얼 스타일 디자인의 레이아웃 구조물 4. Appbar 상단 네비게이션바를 출력해주는 위젯 📢 모든 화면을 이루는 요소를 위젯(Widget)이라고 표현합니다! Text, Scaffold, AppBar ...등 모든 화면의 구성요소를 위젯 이라고 부릅니다. 📍 예제 void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widge..

[Flutter] 플러터 프로젝트 구조 이해하기

📚 폴더 구조 프로젝트를 만들면 이 안에 프로젝트 파일들이 자동으로 생성됩니다. 샘플 앱이 함께 생성 되기 때문에 코드 작업을 하지 않아도 하나의 앱이 만들어집니다. 📍 /android : 안드로이드 native setting 빌드 시에 필요한 파일들과 코드들이 생성됩니다. 📍 /ios : ios native setting iOS 빌드 시에 필요한 파일들과 코드들이 생성됩니다. 📍 /lib : 대부분의 코드가 작성되는 위치로 어플리케이션에 대한 UI 와 서비스 로직을 담는 폴더입니다. 📍 pubspec.yaml : 플러터 프로젝트의 중심 같은 파일로, 앱 이름, 버전, 빌드, 의존성 (dependencies), 리소스 (이미지, 폰트 파일 등) 등이 모두 등록되어 있는 파일입니다.

[Flutter] Windows 에 개발 환경 구축

0. Flutter 란? 플루터는 구글에서 만든 앱(app) 개발 오픈소스 소프트웨어로 앱(app) 구성요소들을 쉽게 배치할 수 있는 언어이다. 1. Flutter SDK 다운로드 아래 링크를 통해 flutter를 다운로드합니다. https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 2. 안드로이드 스튜디오 설치 Android Developer 공식 사이트에서 설치 파일을 다운로드합니다. https://developer.android...