목록플러터 (8)
민스씨의 일취일장

MateiralApp과 AppBar 각각 title을 갖고 있는 이유에 대한 글입니다.MaterialApp title vs. AppBar title상황MaterialApp에서 title을 설정한 뒤, 색상을 여러 가지 설정해 보아도 설정이 되지 않아 이것저것 살펴보다 Flutter로 앱을 만들 때 title이 두 번 작성된다는 것을 인식하게 되었다.MaterialApp & AppBartitle이 작성되는 곳은 최상단 위젯에서 작성되는 MaterialApp 내에서와 MaterialApp 내 home에 위치하는 Page 위젯의 AppBar 내이다.둘의 차이점공식 문서를 살펴보면 차이가 명확하다.MaterialAppMaterialApp에서의 title은 사용자(device)가 애플리케이션(앱)을 식별하기 위해..

Text 위젯에서 textAlign을 center 속성으로 지정해도 가운데 정렬이 되지 않는 이유와 해결책에 대한 글이다.Flutter - Text 위젯에서 textAlign 속성 지정으로 가운데 정렬이 되지 않는 이슈현상Text 위젯 사용법을 다양하게 익혀보던 중, textAlign 속성으로 지정할 때 가운데 정렬이 되지 않는 이슈가 있었다.body: Column( children: [ Text( 'center aligned text', textAlign: TextAlign.center, ) ],),원인Text가 html의 span과 같이 문자열이 차지하는 너비 영역만을 차지하기 때문이다. 만약 작성한 텍스트가 길어서 화면 가로 너비를 모두 차지했다면 문제없이 가운데..

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 앱을 만들어 보면서 앱이 어떤 최소 구조를 갖고, 요소들을 추가해 나갈지 학습할 수 있..