방구개발

플루터의 초기 프로젝트 앱 아이콘은 위와 같은 플루터 아이콘이다. 배포할때에는 아이콘을 변경하지 않을 수 없다. = 변경해야 한다~ 아이콘을 변경하는 수 많은 방법들이 존재 하지만, 어떻게 하면 가장 빠르게 또, 다른 앱들에도 쉽게 적용 할 수 있을까? 우선 변경할 이미지 파일을 준비한다. 알파 값이 포함된 png 파일이면 iOS 심사에 리젝 당할 수 있으니, 가능한 jpeg 로 준비한다. 만든 파일을 아래 사이트에서 app icon 사이즈에 맞도록 업로드 후 다운로드 한다. https://appicon.co App Icon Generator appicon.co 위 링크에서 앱 아이콘 생성시 아래 폴더 구조로 압출 파일이 하나 다운 받아진다. android / iOS 두가지만 살펴 본다면 안드로이드 - ..

우선 iOS에서 쓰던 stepper는 숫자 증감의 객체 였는데, flutter에서의 stepper는 아래 사진 처럼 음.. stepper다.. (타임 라인 작성할 때 사용하기 좋다...?!) 참 설명하기는 어렵지만 아래 사진을 보면 분명히 구분 된다. 그렇다면 iOS 처럼 숫자 counter에 사용 할 만한 객체가 flutter에 있는가? 결론은 없다. 직접 만들어야 한다. 뭐, 아래 플러그인이 존재 한다. https://pub.dev/packages/counter_button counter_button | Flutter Package Counter Button is a flutter library that allows you to create a button with animation effects w..

1. vscode를 연다. 2. command + shift + p 눌러 command palette 를 실행 시킨다 혹은 보기 > command palette 선택 3. Flutter: New Project 를 선택한다. 개발할 프로그램에 맞춰 선택 우선 앱을 만들 것이기 때문에 애플리케이션 선택 4. 앱 저장 위치를 정하고 이름을 정한뒤 엔터! 프로젝트 이름은 lowcase 그럼 프로젝트가 생성되고 f5 혹은 터치바라면 디버그 버튼을 눌러 디버깅 모드를 실행한다. 이렇게 프로젝트가 잘 생성 된 것을 볼 수 있다.

첫 광고를 달고 두근두근한 마음으로 확인하러 admob 사이트를 방문했으나 돌아온 워닝 메시지 app-ads.txt는 안해도 되지만,, 구글은 수익이 급감하니 설정할 것을 권장하는듯 하다.. ㅎ 구글문서는 역시 언제나 어렵고 구글링하며 찾은 방법은 아래와 같다. 1. 구글블로그 (블로거)를 개설하여 등록한다. 2. 블로그 주소를 안드로이드는 개발자 웹사이트 URL / iOS는 마케팅 URL에 기입한다. 자 그렇다면, 어떻게 구글 블로그에 등록 할 수 있을까 구글 블로그를 개설하는 방법은 간단하다. url, 닉네임 등 일반적인 블로그를 개설 할때 처럼하면 된다. 그렇다면 app-ads.txt는 어떻게 설정하는 것일까 AdMob > 앱 > 모든앱 > app-ads.txt 탭 으로 간다. app-ads.txt..

dart는 참.. 음.. 좋은데 swift를 하다 갈아타면 참 애매한 경우가 있다. 클래스 선언은 비슷한데 생성자는 참 애매하고 ㅎㅎ dart의 class와 생성자는 어떻게 생성하고 사용할까 1. dart의 class는 어떻게 선언할까 class WhatIsClass{ } 다른 언어들처럼 선언한다. 그럼 어떻게 사용할까? WhatIsClass myClass = WhatIsClass(); 2. 생성자는 어떻게 선언할까 다트에서는 오버로딩이라는 개념이 없기 때문에, 네임드 생성자를 사용해야 한다. nullable class WhatIsClass { String? myString; int? myNumber; WhatIsClass({ this.myString, this.myNumber}); } non nulla..

1. 회원가입 https://admob.google.com/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com admob 로그인 > 앱 > 앱추가 > 아래 유튭 참조하여 개발에 적용하고, 응용 및 더 필요한 부분은 아래 포스팅을 해두었다. https://www.youtube.com/watch?v=MmOJ_D_JofM 모든 ID는 테스트용이다. info.plist GADApplicationIdentifier ca-app-pub-3940256099942544~1458002511 테스트용 Config class를 만들어 따로 관리 했다. ..

Markdown viewer 를 만들기 위해서는 라이브러리를 받아야한다. https://pub.dev/packages/flutter_markdown flutter_markdown | Flutter Package A Markdown renderer for Flutter. Create rich text output, including text styles, tables, links, and more, from plain text data formatted with simple Markdown tags. pub.dev flutter pub add flutter_markdown 적용법은 매우 간단하다. Markdown(data: 'markdown String here') 커스텀 디자인은 어떻게 할 수 있을까? ..

이번 포스팅은 간단하게 Markdown 문법만 정리한다. - 제목 # 제목 1 ## 제목 2 ### 제목 3 #### 제목 4 ##### 제목 5 ###### 제목 6 밑줄 ====== ------ 줄바꿈 enter 두번 볼드, 이텔릭, 밑줄, 취소선 이텔릭체 : *별표* or _언더바_ 볼드 : **별표** 혹은 __언더바__ **__ 같이 사용 할 수 있다. => *** -> 볼드 + 이텔릭 취소선 : ~~물결~~ 밑줄(underline) ` ` 목록 1. 순서있는 목록 1. 순서있는 목록 들여쓰기로 구분 - 순서없는 목록 들여쓰기로 구분 - 순서없는 목록에 사용 가능한 기호 - 대쉬 * 별표 + 더하기 링크 [이름](URL) [GOOGLE](https://google.com) 유효함 [참조 링크]:..

디자이너 없이 1인 개발을 하다보면, 앱 아이콘, 스플레시 이미지, 아이콘 등 여러 디자인 요소를 혼자 만들어 내야 할때가 있다. 그 중 색조합은 정말 어려운데, 그라데이션 색상 으로 대표 색상 3-4가지를 선택하면 메인컬러 서브 컬러 등 색 조합을 보다 디자이너 처럼 할 수 있다.. ㅎㅎ 그럼, 그라데이션 색 추천 해주는 사이트를 소개 하겠다. 1. https://uigradients.com/#CalmDarya uiGradients - Beautiful colored gradients uiGradients is a handpicked collection of beautiful color gradients for designers and developers. uigradients.com 이렇게 기본 색상..

데이터를 받으려면 어떻게 할 수 있을까 두가지 방법이 있다. 1. 넘어 온 값을 받아 setState()로 처리 onPressed: () async { final value = await Navigator.push( context, CupertinoPageRoute(builder: (context) => NewPage())); setState(() { debugPrint(' value ::::::::::: $value'); // 콜백 함수 처리 }); }, 2. then 으로 콜백 함수 처리 Navigator.push( context, CupertinoPageRoute(builder: (context) => NewView()), ).then((value) { if (value == 'update') { ..