소소한 행복을 꿈꾸는 일상

Cupertino ios에서 사용하는 디자인 규칙으로 android는 material을 사용한다.https://docs.flutter.dev/ui/widgets/cupertino Cupertino (iOS-style) widgetsA catalog of Flutter's widgets implementing the Cupertino design language.docs.flutter.dev CupertinoDialog를 이용한 날짜 선택 1. Cupertino 패치지 import// ios 쿠퍼티노 위젯 사용을 위한 importimport 'package:flutter/cupertino.dart'; 2. showCupertinoDialog를 실행하여 cupertino 다이얼로드 실행showCupertin..

Row, Column Widget의 경우 children에 포함된 Widget을 정렬을 위해 mainAxisAlignment, crossAxisAlignment를 사용한다.mainAxisAlignment의 경우 주축이라는 의미를 가지고 있고 crossAxisAlignment의 경우 횡축 이라는 의미를 가지고 있는데 해당 의미만을 보면 무슨 말인지 이해를 할 수 없어 코드로 살펴보도록 하자. 아래 stackoverflow에 정리된 내용을 먼저 보기를 권한다. Flutter crossAxisAlignment vs mainAxisAlignmentI'm confused about crossAxisAlignment and mainAxisAlignment. Can anyone please explain it in ..

PageView ?여러 개의 위젯(페이지)을 한 화면에서 처리할 수 있고 가로 또는 세로 스와이프로 페이지를 넘길 수 있게 하는 위젯  PageView class - widgets library - Dart APIA scrollable list that works page by page. Each child of a page view is forced to be the same size as the viewport. You can use a PageController to control which page is visible in the view. In addition to being able to control the pixel offset of the contapi.flutter.dev 사용법Page..

Timer 란특정 시간이 지난 후에 일회성 또는 지속적으로 실행하도록 하는 클래스로 지정된 시간부터 시작하여 0까지 도할하게 되면 지정된 콜백 함수를 호출 하도록 되어있다.Timer는 Timer(), Timer.periodic() 두 개의 생성자를 가지고 있다.  Timer class - dart:async library - Dart APIA countdown timer that can be configured to fire once or repeatedly. The timer counts down from the specified duration to 0. When the timer reaches 0, the timer invokes the specified callback function. Use a..

WebView란 앱에서 웹브라우저 기능을 구현해 주는 Widget으로 WebView를 사용하게 되면 기존에 사용하던 웹사이트를 간단한 수정으로(CSS 수정 등) 앱에서도 사용할 수 있도록 하는 것이다. WebView를 사용할 경우 앱 개발을 위해 따로 인력 및 시간을 들일 필요는 장점이 존재하는 반면 네이티브 컴포넌트에 비해 속도가 느리고 애니메이션이 부자연스럽다는 단점이 존재한다.  webview_flutter | Flutter packageA Flutter plugin that provides a WebView widget on Android and iOS.pub.dev WebView 사용법 WebView 위젯 사용 시 controller 파라미터에 WebViewController 객체를 입력하여 사..

플러터 material 패키지에서 기본으로 제공하는 버튼으로는 TextButton, OutlinedButton, ElevatedButton 존재하며 해당 버튼들은 누르면 색이 변경되는 리플 효과를 지원한다.IconButton의 경우 아이콘을 버튼으로 생성하는 위젯으로 Icons 클래스를 통하여 플러터에서 제공하는 기본 아이콘을 사용 할 수 있다. TextButton버튼에 텍스트만 존재하는 버튼으로 아래와 같이 구현하면 된다.  OutlinedButton테두리가 있는 버튼으로 아래와 같이 구현하면 된다.  ElevatedButton입체적으로 표현된 배경이 들어간 버튼으로 아래와 같이 구현하면 된다. IconButton

Widget? 플러터에서 화면에 보이는 UI와 관련된 모든 요소는 위젯으로 구성되어 있고 위젯은 State(데이터)를 기반으로 어떤 UI를 구현할지를 정의하고 위젯의 State가 변경되면 변경 사항에 알맞게 변경된 UI를 화면에 다시 그려준다. 이때 플러터 프레임워크는 기존 상태의 위젯과 새로운 상태의 위젯을 비교해서 UI 변화를 반영할 때 최소한의 변경 사항을 계산하여 화면에 그리게 된다. 그렇기 때문에 높은 퍼포먼스를 발휘할 수 있게 되는 것이다. 종류 자식 하나만 가지는 위젯과 여러개의 자식을 가지는 위젯으로 나누어 볼 수 있는데자식 하나만 가지는 위젯은 child를 사용하고 여러개의 자식을 가지는 위젯은 children을 사용한다. child를 사용하는 위젯Container - 자식을 담는 역할을..

에러 발생 상황 flutter 개발 중 pubspec.yaml 파일에 dependencies 추가 후 Pub.get 클릭 후 발생 발생 원인개발자모드가 활성화되어있지 않아서 발생 해결 방법 (윈도우 11) 1. 윈도우에서 마우스 오른쪽 버튼 클릭 후 설정 클릭  2. 시스템 클릭 후 개발자용 선택(윈도우 11일 경우)    개발용 클릭(윈도우 10일 경우)3. 개발자 모드 켬 클릭4. pubspec.yaml 파일에서 Pub.get 클릭!!

visual studio - develop windows apps 발생 상황 요즘 급하게 android 공부를 하느라 flutter를 안 하고 있었는데코딩셰프님 새로운 강의가 올라왔다는 소식에 강의를 따라 하려고 flutter를 생성했는데 visual studio - develop windows apps 라는 에러가 발생했다. 에러 발생 이유 PC에 "C++를 사용한 데스크톱 개발" 이 설치 안되어 있다는 이유였다. 해결 방법 1. https://visualstudio.microsoft.com/ko/downloads/ 접속 Visual Studio Tools 다운로드 - Windows, Mac, Linux용 무료 설치Visual Studio IDE 또는 VS Code를 무료로 다운로드하세요. Window..

사용이유 앱은 RAM이라는 휘발성 메모리에 데이터를 저장하도록 되어 있다 그렇기 때문에 데이터를 RAM이 아닌 다른 곳에 저장하지 않으면 앱을 재실행하는 경우 이전 데이터가 보관되어 있지 않다. 그래서 데이터를 보관 하기 위해서는 아래와 같이 데이터를 저장하게 된다. 1. 기기에 파일로 저장 - 데이터를 파일로 만들어 앱을 시작할때 읽어오는 방식(shared_preferences) 2. 기기의 데이터 베이스에 저장 - 모든 폰에는 SQLite라는 데이터 베이스가 존재하는데 이 데이터 베이스에 데이터를 보관하는 방식으로 복잡한 데이터를 저장할 때 사용(sqflite) 3. 다른 컴퓨터에 저장 - 인터넷을 통해 다른 컴퓨터에 데이터를 전송하는 방식 사용법 1. 프로젝트에 shared_preferences 설..