flutter & dart

플러터 위젯 (Flutter Widget) 플러터는 화면에 그려지는 모든 요소가 위젯으로 구성되어 있다. 플러터 프레임워크는 많은 기본 위젯을 제공하며, 앱 개발자가 직접 위젯을 만들 수도 있다. 위젯은 현재 주어진 상태(State)를 기반으로 어떤 UI를 구현할 지를 정의한다. 위젯의 상태(State)가 변경되면 기존 상태의 위젯과 비교해 최소한의 변경사항을 산출해 UI를 화면에 다시 그려준다. 위와 같이 최소한의 리소스를 이용해 UI 변경을 함으로 최대 120FPS까지 높은 퍼포먼스를 산출할 수 있다. 플러터 위젯 (Flutter Widget) 을 크게 나뉘어 보자 대표적으로 다음과 같은 기본 위젯들이 있다. 레이아웃 : Row, Column, Scaffold, Stack 구조 : Button, To..

자신의 플러터 구조를 확인하거나 하고싶을때 사용할수 있는 툴이다. flutter Inspector을 확인해보자.

Material(좌) 그리고 Cupertino(우) Flutter를 시작하면 프로젝트 기본 설정이 Material Design을 따르도록 되어있습니다. Flutter에는 iOS를 지원하도록 Cupertino 라는 패키지를 제공합니다. iOS에서 제공하는 대부분의 기본 UI 컴포넌트를 가지고 있습니다. Flutter 앱을 Android / iOS 두 플랫폼으로 제공한다면, 해당 플랫폼의 기기에 어울리는 UI를 보여주는 것이 더 좋은 사용자 경험을 가져올 수 있을 것입니다. 내장된 ‘dart:io’ 패키지에는 플랫폼 구분을 위한 Platform 클래스를 제공합니다. Android, iOS 뿐만아니라 Windows, Linux, macOS 그리고 Fuchsia까지 구분할 수 있습니다. 이 글에서는 Andori..

[ ROOT폴더/assets ] [ 정의 ] ... flutter_test: sdk: flutter flutter: uses-material-design: true assets: - assets/bag.jpeg ...

데이터란? 데이터는 정보를 나타내는 단순한 값 또는 사실의 집합입니다. 컴퓨터 과학에서 데이터는 컴퓨터가 처리할 수 있는 형식으로 표현된 정보를 말합니다 변수 vs 상수 변수란 data를 보관할 수 있는 메모리 저장 공간이며 변하는 값(단순한 수치)이기도 합니다. 상수란 data를 보관할 수 있는 메모리 저장 공간이며 한번 초기화되면 변경할 수 없는 값(단순한 수치)이기도 합니다. 자료 구조 Object | |__ String | |__ num | | | |__ int | | | |__ double | |__ bool | |__ List | |__ Map | |__ Set | |__ Runes | … Data Type Keyword 설명 숫자 int, double, num 숫자 값을 나타냅니다. 문자열 ..

Overview Android Studio 어플리케이션에서 환경설정을 합니다. 플러그인 설치 프로젝트 만들기 환경설정 - SDK VisualStudio 2022 설치 VisualMachine 설치 Running Device 프로젝트 경로 0. flutter Flutter는 단일 코드베이스에서 아름다운 네이티브 컴파일 다중 플랫폼 애플리케이션을 구축하기 위한 Google의 오픈 소스 프레임워크입니다. 공식 문서 https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop,..

Window 에서 개발 환경 구축 학습 목표 1. 공식 사이트 접속하기 2. .zip 파일 다운로드 하기 3. 압축 파일 해제 하기 4. 환경 변수 설정하기 1. 공식 사이트 접속하기 Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. https://flutter.dev/ : 오른쪽 상단 위 get started 선택하기 : 설치 요구 사항 확인 하기 2. .zip 파일 다운로드 하기 직접 .zip 파일 다운로드 받아서 설..