Basic Widget 살펴 보기

1. layout 위젯 visible 위젯을 원하는 위치에 배치하기 위해, layout 위젯을 선택간단하고 기본적인 layout 위젯은 Container와 Center 위젯전체 layout 위젯 리스트: https://docs.flutter.dev/development/ui/widgets/layout2. visible 위젯 Text 위젯Text('Hello World') Image 위젯Image.asset('images/lake.jpg') Icon 위젯Icon(Icons.home)3. visible 위젯을 layout 위젯 안에 넣음 모든 layout 위젯은 하나의 자식을 가질 수 있는 위젯과 여러 자식을 가질 수 있는 위젯으로 나눈다하나의 자식을 가질 수 있는 위젯은 child라는 property를..

  • format_list_bulleted Flutter/Flutter UI 프레임워크
  • · 2024. 11. 8.
  • textsms

Flutter 프로젝트 구조 이해하기

Flutter 프로젝트를 효과적으로 개발하기 위해서는 기본 구조를 이해하는 것이 중요하다!!.프로젝트 폴더 구조플랫폼별 폴더 (android, ios, linux, macos, web, windows): 각 플랫폼에 필요한 네이티브 코드 포함lib 폴더: 주요 Dart 코드가 위치하는 곳pubspec.yaml: 프로젝트 설정, 의존성, 리소스 등을 관리하는 파일시작점 (Entry Point)lib/main.dart 파일의 main() 함수가 앱의 시작점새 프로젝트 시작 시 기본 예제 코드는 삭제하고 시작하는 것이 일반적1. 패키지와 임포트 패키지: Flutter와 커뮤니티에서(다른 개발자들) 제공하는 재사용 가능한 코드 모듈import 문으로 필요한 패키지와 위젯을 프로젝트에 추가패키지 종류:Dart 기..

  • format_list_bulleted Flutter/Flutter UI 프레임워크
  • · 2024. 11. 8.
  • textsms

나만의 Flutter 위젯 분류

목차위젯들을 이해하고 활용하는 것이 Flutter 개발의 핵심!!.0. 위젯의 종류 Flutter는 풍부한 UI 위젯을 제공한다. 자세한 내용은 공식 문서에서 확인할 수 있다.위젯들을 이해하기 쉽게 직접 나누어 보자1. 플랫폼별 위젯Material (Android) 위젯Google의 Material Design 가이드라인을 따르는 위젯들이다.Cupertino (iOS) 위젯Apple의 Human Interface Guidelines를 기반으로 한 iOS 스타일 위젯들이다.대부분의 경우 Material 위젯을 사용하지만, 플랫폼별 특성을 살리고 싶다면 각각의 위젯을 적절히 활용할 수 있다.2. 기본 위젯 (Basic Widgets) Text: 다양한 스타일의 텍스트를 표현한다.Row와 Column: CSS..

  • format_list_bulleted Flutter/Flutter UI 프레임워크
  • · 2024. 11. 8.
  • textsms

"Everything is a Widget" — Flutter의 핵심 철학

목차Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현한다. 이는 개발의 일관성과 효율성을 크게 높여준다.1. 선언적 UI 구성Flutter는 React에서 영감을 받은 선언적 프로그래밍 방식을 채택했다. 개발자는 원하는 UI 상태를 직접 선언하며, 프레임워크가 이를 효율적으로 렌더링한다.명령형 UI어떠한 상태가 되도록 명령한다.ViewA a = ViewA();ViewB b = ViewB();a.setColor(red) // 빨간색이 되어라b.setColor(yello) // 노란색이 되어라a.add(b) // b는 a의 child가 되어라 선언형 UI어떠한 최종 상태를 선언한다.// 빨간색 A가 노란색 B를 child로 가지고 있다.return ViewA( color: r..

  • format_list_bulleted Flutter/Flutter UI 프레임워크
  • · 2024. 11. 6.
  • textsms
Flutter 목차

Flutter 목차

기초프로젝트 구조변수컬렉션(자료구조) dart Null Safety dart(함수, 메서드)

  • format_list_bulleted Flutter
  • · 2024. 9. 6.
  • textsms
dart Null Safety

dart Null Safety

1. dart Null Safety 이란 뭘까?널 세이프티(Null Safety)는 개발자가 널 에러를 피할 수 있도록 도와주는 다트 프로그래밍 언어의 기능이다. 이 기능은 사운드 널 세이프티 인 다트(Sound Null Safety in dart)라고 불리며, 이를 통해 개발자는 코드 작성 시점에 널 에러를 잡을 수 있다. Sound Null Safety in dart 이란 (Sound Type System)런타임 중에 null 포인터 예외를 방지하기 위해 Dart 컴파일러가 코드를 분석하고 컴파일할 때 타입 시스템에서 엄격한 규칙을 적용하는 것을 의미한다. Dart Null Safety의 개념Null Safety는 변수에 null 값을 할당하는 것을 엄격하게 제한한다.변수를 null 또는 non-nu..

  • format_list_bulleted Flutter/기초
  • · 2024. 9. 6.
  • textsms