목록Flutter (14)
민스씨의 일취일장

안드로이드 스튜디오에서 시뮬레이터 실행시 보이는 DEBUG 빨간 리본을 제거하는 방법에 대한 글이다.시뮬레이터 DEBUG 빨강 리본 제거하기상황안드로이드 스튜디오로 모바일 애플리케이션을 개발할 때 시뮬레이터를 이용해 실제 모바일 환경에서의 구현 상황을 확인할 수 있다. 이 때, 가상 화면 오른쪽 위에 DEBUG라고 쓰인 빨간 리본이 항상 달려 있어 미관상 신경이 쓰여 없앨수는 없을까 하는 생각이 들었다.해결책runApp()으로 실행하는 최상단 위젯인 MaterialApp에 debugShowCheckedModeBannder 설정을 false 지정해주면 된다.debugShowCheckedModeBanner: false,

Flutter, primaryColor 설정해도 AppBar 색상이 흰색인 이유에 대한 글이다.TIssue - Flutter, primaryColor 설정해도 AppBar 색상이 흰색인 이유현상ThemeData 위젯의 속성으로 primaryColor를 사용할 때, AppBar 색상이 흰색, 즉 변하지 않는 이슈가 있었다.원인Flutter 2.5 버전부터 primaryColor 속성은 deprecated 되었다.최신 Flutter에서는 기본적으로 Material 3 디자인을 사용하는데, Material 3에서는 AppBar의 기본 색상이 surface 색상으로 설정되며, 이 것이 일반적으로 흰색으로 설정되어 있다.해결방법AppBar 색상만을 고려한다면 해결방법에는 여러가지가 있다. 하지만 다양한 방법중에서..

Flutter 학습하면서 만들어 본 윷놀이 앱에 관한 페이지입니다. Play Yut 윷놀이 앱을 만들어 보았다. 만들게 된 배경 강의에서 주사위 이미지를 뛰워주고 버튼을 누르면 다른 이미지로 바꿔주는 앱을 플러터를 이용해 만들어보았다. 사용한 기술 StatefulWidget 스테이트풀 위젯을 상속받아 변수값에 따라 다른 이미지를 동적으로 띄워줄 수 있는 위젯을 만들었다. setState React에서 사용해 본적이 있어 익숙한 setState 메서드를 이용해서 변경된 변수에 따라 이미지를 다시 불러와 띄워주도록 하였다. Dart:Math math 라이브러리의 random 메서드를 이용해 난수를 만들었다. 이를 이용해서 무작위로 주사위를 띄우는 로직을 만들었다. BoxDecoration & Linear..

사용해 보거나 앞으로 사용하기 위한 위젯들을 정리하는 페이지입니다. 📢 플러터를 공부하며 정리하는 강의노트입니다. 기억을 위한 요점 및 키워드 기록에 중점을 둔 글입니다. 틀린 내용, 질문 등 어떤 코멘트도 환영입니다. 플러터 위젯 Button ElevatedButton(onPressed: onPressed, child: child) - 백그라운드 색이 있는 버튼 OutlinedButton(onPressed: onPressed, child: child) - 백그라운드 색 없이 외곽선만 있는 버튼 TextButton(onPressed: onPressed, child: child) - 링크와 같은 텍스트 형태의 버튼 TextButton( onPressed: clickHandler, style: TextBu..

플러터를 공부하면서 그리고 사용하면서 알게된 내용을 정리하는 강의 노트 페이지입니다. 📢 플러터를 공부하며 정리하는 강의노트입니다. 기억을 위한 요점 및 키워드 기록에 중점을 둔 글입니다. 틀린내용, 질문 등 어떤 커멘트도 환영입니다. 플러터 주요 개념 프로젝트 생성하기 CMD 터미널에서 아래 명령어를 이용해 프로젝트를 생성할 수 있다. flutter create 프로젝트가 생성된 후 아래 명령어를 이용해 프로젝트를 실행할 수 있다. cd flutter run 디렉토리 구성 플러터 프로젝트를 생성하면 아래와 같은 디렉토리가 생성된다. android, ios, lib. 코드 작성은 lib 폴더 내의 main.dart 파일에서부터 시작한다. main() main() 메서드는 프로그램 실행 시 자동으로 실행된..

이미지 띄워주는 앱을 만들었습니다. I AM RICH 2008년 이미지만 띄워주고 아무런 기능이 없는 앱이 애플의 앱스토어에 출시 됐다. 이 최소기능을 갖고 있던 앱 (I Am Rich)는 앱스토어에서 책정 가능한 최고가액으로 공개 됐고, 몇 사람들이 이 앱을 구매했던 일이 생겼었다. 🔗 출처 1) https://en.wikipedia.org/wiki/I_Am_Rich 2) https://forums.macrumors.com/threads/i-am-rich.1542562 현재는 삭제되었지만, 현재는 앱 개발자가 되고 싶은 학생들이 가장 먼저 만들어 보는 레퍼런스 앱이 되었다. I am rich 실제로 I am rich 앱을 만들어 보면서 앱이 어떤 최소 구조를 갖고, 요소들을 추가해 나갈지 학습할 수 있..