ruriruriya

플러터에서 Scaffold 위젯은 앱의 화면 레이아웃을 구성하는 기본적인 틀을 제공한다.모든 플러터 앱의 화면은 보통 Scaffold 위젯으로 시작된다.Scaffold는 AppBar, body, FloatingActionButton 등을 포함한플러터의 Material Design 가이드라인에 따라 기본 UI 구조를 제공한다.Scaffold를 사용하면, 기본 레이아웃을 빠르게 설계할 수 있고, Material Design 스타일 가이드가 기본 스타일에 적용되어 있기 때문에 깔끔하게 적용된다. 그리고, body 영역에 원하는 모든 위젯을 배치하여 복잡한 레이아웃 설계도 가능하다.Scaffold 주요 속성1. appBar화면 상단에 나타나는 AppBar 영역.제목, 버튼, 메뉴 등을 포함할 수 있다.Scaff..

build 메서드는 Flutter에서 UI를 그리는 핵심적인 역할을 한다.Flutter에서 UI는 위젯으로 구성되고, build 메서드는 이 위젯들이 화면에 어떻게 배치되고 표시될 지 정의한다.build 메서드 호출 시기?1. 처음 위젯이 화면에 추가될 때위젯이 Flutter 앱 트리에 삽입되면, build 메서드가 호출된다.2. 위젯의 의존성이 변경될 때예를 들어, 위젯이 참조하는 InheritedWidget이 업데이트되면, 해당 위젯의 build 메서드가 다시 호출된다.3. 상태가 변경될 때(StatefulWidget)상태가 변하면 build 메서드가 호출되어 UI가 업데이트된다. build 메서드의 특징반환값항상 다른 위젯을 반환해야 한다.예를 들어, 텍스트를 표시하거나 버튼을 생성하는 위젯을 반환..

플러터에서 위젯(Widget)이란?플러터 어플리케이션의 사용자 인터페이스를 구성하는 기본 요소이다.각 위젯은 텍스트나 버튼 같은 물리적 요소부터 레이아웃 효과까지 인터페이스의 모든 측면을 구현하는 곳에 사용된다.위젯 계층 구조위젯은 구성(Composition)을 기반으로 한 계층 구조를 형성한다.각 위젯은 부모 위젯 내부에 중첩되며, 부모로부터 Context를 전달 받는다.이 구조는 루트 위젯까지 연결된다.import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(Bui..

어플을 개발하다 보면 흔들기 등등 모션이 필요할 때가 있는데 애뮬레이터로는 그런 기능을 테스트할 수 없다.그래서 실제 안드로이드 스마트폰 연결해서 테스트해보자.1. 개발자 모드로 변경Xcode를 실행해서 프로젝트 생성을 시작한다.[설정] - [휴대전화 정보] - [소프트웨어 정보]로 접속해서빌드 번호를 연달아서 터치한다.'아래와 같이 개발자 모드를 켰습니다' 라는 메세지가 나올 때 까지그렇게 다시 설정으로 나오면 [개발자 옵션] 메뉴가 생긴 것을 볼 수 있다. 2. 컴퓨터에 USB  연결USB 디버깅을 활성화 하면USB 디버깅을 허용하시겠습니까? 라는 창이 나오고'허용'을 눌러주면 된다. USB 연결을 하면 아래와 같이 메세지가 나오는데이 컴퓨터에서 항상 허용을 체크하고 '허용' 버튼을 누른다. 3...

Flutter를 맥OS에서 세팅하던 도중에 flutter doctor명령어로 문제가 없는 지 확인하는 중에Xcode의 라이선스 동의가 완료가 되지 않아서 찾아보니Xcode 시뮬레이터 설정문제였다. Xcode - develop for iOS and macOS (Xcode 16.2)    ✗ Unable to get list of installed Simulator runtimes.처음에는 라이선스 동의하는 명령어를 실행했었다.sudo xcodebuild -license accept 계속 시도했지만 계속 Warning 표시가 떴다 ....그러다가 찾아보니 Xcode 어플에서 시뮬레이터를 직접 설치하는 방법으로 해결하게 되어 기록한다! 1. Xcode 실행Xcode를 실행해서 프로젝트 생성을 시작한다.일단 ..