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...

Dart 언어에서 async와 await는 비동기 프로그래밍을 쉽게 처리하기 위한 키워드이다.특히 네트워크 요청, 파일 읽기/쓰기, 타이머 등의 비동기 작업을 순차적으로 작성할 수 있도록 도와준다.💡 비동기 프로그래밍이란?- 프로그램이 시간이 걸리는 작업 등을 수행할 때, 해당 작업이 끝날 때까지 다른 작업이 멈추지 않도록 하는 방식- Dart에서는 Future 객체를 통해 비동기 작업을 처리한다.(Future : 비동기 작업의 결과를 나타내는 객체, 결과가 완료되면 값을 반환하거나, 오류가 발생하면 예외를 던져준다.) 1. async와 await 기본 사용법- async : 함수에 비동기 작업이 포함되어 있다는 것을 뜻하는 함수로, 항상 Future 객체를 반환한다.- await : 비동기 작업(Fu..

Dart 언어에서 함수의 매개변수에 기본값을 설정해서 함수 호출 시 특정 매개변수를 생략할 수 있다.1. 기본값 지정하는 방법기본값을 설정하려면 중괄호 '{}'로 감싼 이름 기반 선택적 매개변수 또는 대괄호'[]'로 감싼 위치 기반 선택적 매개변수 중 선택해서 사용하여 설정할 수 있다.기본값을 지정하려는 파라미터를 중괄호 또는 대괄호로 감싸서 값을 할당하면 된다.그래서 호출 시 생략된 매개변수는 설정된 기본값을 사용하게 된다.void 함수이름(타입 매개변수이름, {타입 매개변수이름 = 기본값}) { // 함수 본문}void greet(String name, {String greeting = "Hello"}) { print("$greeting, $name!");}void main() { greet("..

Dart에서 is 연산자는 변수의 데이터 타입을 확인할 때 사용하는 키워드이다.이 변수가 특정 타입인지 묻는 데 사용된다.그래서 타입을 안전하게 확인하고 처리할 때 아주 유용한 기능이다.1. 기본 사용법- variable : 확인할 변수- Type : 확인하고자 하는 데이터 타입- 결과 : true 또는 false "variable 변수가 이 Type이 맞나요?"variable is Type 예시void main() { var name = "홍길동"; var age = 25; print(name is String); // true (name은 String 타입) print(age is int); // true (age는 int 타입) print(name is int); // fals..

Dart 언어에서는 Null Safe라는 개념이 있는데이는 변수에 null 값을 허용할지 명확하게 선언하는 것이다.이 기능은 NullPointerExcaption 등과 같은 null로 인해 발생할 수 있는 오류를 방지한다.1. Dart 변수는 기본적으로 null을 가질 수 없다.즉, null을 허용하는 표시가 없다면 절대. null을 가질 수 없다.null을 허용하려면 데이터타입 뒤에 '?' 물음표를 붙여준다.(코틀린도 비슷한 개념이지만 사용하는 문법에서 차이가 있는 듯 하다.)Null을 허용하지 않는 변수 예시void main() { int number = 10; // null을 허용하지 않는 변수 print(number); // number = null; // 오류! null 값을 할당할 수 없..