파이썬 vscode에서 자동 코드 정렬. Formatter.

세가지 autopep8, black, yapf 규칙이 있습니다. 저는 black이 가장 취향 이었습니다. * 설치. pip install black * vscode 설정.     - 아래 둘 중에 하나로 선택해 설정한다.     -  settings.json          +  "python.formatting.provider": "black"     - vscode-파일-기본설정-설정-확장-Python-Formatting:provider-black * 코드 정렬 방법.     - 단축키 Shift+Alt+F      - 코드에서 우클릭 - 문서 서식.     - 터미널에서  black --check file_name.py * 이외의 자동 정렬 설정.     - 파일저장, 복사, 타이핑 시 자동 정렬 옵션.      - settings.json          +  "editor.formatOnSave": true,         + "editor.formatOnPaste": true,         + "editor.formatOnType": true, * 주의.     - 확장자 .py 파일이어야 자동 정렬 합니다. * 참조. https://code.visualstudio.com/docs/python/editing https://jiku90.tistory.com/12

flutter- 아이콘 적용하기.

플러터 프로젝트는 이미지나 아이콘 툴이 기본 탑재되어 있지 않아 상당히 불편하다. 그래서 이를 자동화해주는 flutter_launcher_icons을 사용한다. * 툴의 사이트. https://pub.dev/packages/flutter_launcher_icons * 툴 설치. flutter pub add flutter_launcher_icons * 아이콘 이미지 추가. 프로젝트 폴더에 assets폴더를 만들고 app_icon.png 을 추가했다. 아이콘 이미지는 1024*1024 (ios때문인거 같다.), 알파채널 제거. * 설정 파일 생성. pubspec.yaml 을 그대로 사용하거나 flutter_launcher_icons.yaml 파일을 만들어 사용할 수 있다. flutter_icons : image_path : "assets/app_icon.png" android : true ios : true * 실행.  pubspec.yaml 일때는 flutter pub run flutter_launcher_icons:main flutter_launcher_icons.yaml 일때는 flutter pub run flutter_launcher_icons:main -f flutter_launcher_icons.yaml 적용된다. ////////////////////////////////////// 안드로이드 기기(픽셀4)에 따라 라운드 아이콘 일 때 제대로 보이지 않는 문제가 있다.  구조상 자동으로 해결되기는 어려울 것으로 보여 수동으로 추가해 줘야 한다. * 라운드 아이콘을 만든 후 다운로드 받는다. https://romannurik.github.io/AndroidAssetStudio/ Launcher icon generator 항목으로 이동 후 아이콘을 만들어 다운 받는다. * 이미지 복사. 압축을 풀고 이미지 파일 이름을 적절하게 변경한다. _back, _fore 같은 배경 파일이 필요 없다면 삭제한다. 프로젝트폴더\android

flutter- keystore 만들기.

안드로이드 어플을 스토어에 올리기 위해서 key 파일이 필요하다. 키파일을 만들기 위한 순서를 올린다. jre 폴더 위치는 아래 명령어로 알 수 있다. flutter doctor -v C:\Program Files\Android\Android Studio\jre\bin>keytool -genkey -v -keystore d:/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 키 저장소 비밀번호 입력: 새 비밀번호 다시 입력: 이름과 성을 입력하십시오.   [Unknown]:  name 조직 단위 이름을 입력하십시오.   [Unknown]: 조직 이름을 입력하십시오.   [Unknown]:  name 구/군/시 이름을 입력하십시오?   [Unknown]: 시/도 이름을 입력하십시오.   [Unknown]:  Seoul 이 조직의 두 자리 국가 코드를 입력하십시오.   [Unknown]:  kr CN=Dev Cats, OU=Unknown, O=Minihand, L=Unknown, ST=Seoul, C=kr이(가) 맞습니까?   [아니오]:  y 다음에 대해 유효 기간이 10,000일인 2,048비트 RSA 키 쌍 및 자체 서명된 인증서(SHA256withRSA)를 생성하는 중         : CN=Dev Cats, OU=Unknown, O=Minihand, L=Unknown, ST=Seoul, C=kr [d:/key.jks을(를) 저장하는 중] * 참고. https://flutter-ko.dev/docs/deployment/android#keystore-%EB%A7%8C%EB%93%A4%EA%B8%B0 - 얼마전까지 Android Studio에 gui툴이 있었는데 안보이네요.

flutter- wakelock 꺼짐 방지. 화면 유지.

화면 꺼짐 방지 방법. * 라이브러리 페이지. https://pub.dev/packages/wakelock * 라이브러리 설치. flutter pub add wakelock * 코드. 기본 사용법은 아래와 같이 매우 심플하다. Wakelock.enable(); Wakelock.disable(); 아래와 같은 사용법도 있다. bool enable = true; Wakelock.toggle(enable: enable); Wakelock.isEnabled

flutter- Admob 배너 적용.

flutter에 Admob 배너 적용하는 방법. * 라이브러리 페이지. https://pub.dev/packages/google_mobile_ads * Admob 라이브러리 설치. flutter pub add google_mobile_ads * AndroidManifest에 추가. 인터넷 권한은 admob 라이브러리에서 자동병합 되어 따로 할 필요가 없다. android\app\src\main\AndroidManifest.xml <application>        <meta-data            android:name="com.google.android.gms.ads.APPLICATION_ID"            android:value="ca-app-pub-##############"/> </application> * build.gradle에 추가.  2022년08월 현재 flutter과 Admob이 minSdkVersion 불일치로 컴파일 에러가 난다. minSdkVersion 19, 20 가능하지만 추가 코드 작업이 필요하다. 특별한 사유가 없으면 21로 하는 걸 추천한다. android\app\build.gradle minSdkVersion 21 * Admob 라이브러리 초기화. main.dart 이나 초기화 코드에 아래 코드를 넣는다.   MobileAds.instance.initialize(); * 구현 코드.  본인에 맞게 변경해 구현한다. // 광고 ID 를 리턴하는 함수 . String getAdId () { if (!kReleaseMode) { return 'ca-app-pub-3940256099942544/6300978111' ; } if (Platform.isAndroid) { return 'ca-app-pub-#############' ; } else if (Platform.isIOS) { //

flutter - flutter_native_splash 스플래시 이미지 추가.

flutter 실행시 네이티브에서 플러터를 로딩하는 시간에 지연이 있다. 하얀 화면보다 스플래시 이미지를 보는게 유저가 느끼는 경험이 더 좋다.   flutter_native_splash를 이용하면 코드 작업 없이 스플래시 적용할 수 있다. 물론 따로 처리해야 하는 것도 가능하다. * 라이브러리 페이지. https://pub.dev/packages/flutter_native_splash * 라이브러리 설치. flutter pub add flutter_native_splash * pubspec.yaml 에 추가. 각자 환경에 맞게 세팅하면 된다. # flutter pub run flutter_native_splash:remove # flutter pub run flutter_native_splash:create flutter_native_splash : color : "#3B303E" image : assets/image/splash_logo.png fullscreen : true android_12 : color : "#3B303E" image : assets/image/splash_logo12.png # branding: assets/image/splash_logo.png * 터미널에서 실행한다.(Android Studio 터미널도 가능하다.) flutter pub run flutter_native_splash:create - 여기까지 하면 적용 완료다. 에뮬레이터에서는 확인할 수 없다. 진짜 핸드폰에 설치해 확인할 수 있다. * 만약 설정이 바뀌거나 스플래시 이미지가 바뀐 경우는 remove 후 create 해주면 된다. flutter pub run flutter_native_splash:remove flutter pub run flutter_native_splash:create - 주의. 에뮬레이터에서는 스플래시 이미지 적용이 원할하지 않았다.  핸드폰을 꼽았을 때는 제대로 확인이 됐습

flutter 방향 고정. 가로, 세로.

아래 한 줄이면 어플의 방향을 고정할 수 있습니다. SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]); 방향 옵션 입니다.. enum DeviceOrientation { portraitUp , landscapeLeft , portraitDown , landscapeRight , }