본문 바로가기

Flutter/Develop History4

[Flutter on Mac] 플러터 애드몹(Admob) 보상형광고 연동과정 - 23.07.06 우선은 ios 플랫폼으로 연동 과정을 기록 1. 패키지 설치 flutter pub add google_mobile_ads - flutter admob 패키지도 따로 있는 것 같은데 에러가 종종 발생해서 그런지, 대부분의 사람들이 google_mobile_ads 패키지를 이용하는 것 같다. flutter pub add get - 상태 관리를 위해 필요하다고 한다 2. App ID 설정하기 (1) 안드로이드 아래 경로 파일 열기 android/app/src/main/AndroidManifest.xml 열면 코드의 가장 맨 위를 다음과 같이 수정 [ 이전 코드 ] [ 수정 코드 ] 2023. 7. 6.
[Flutter on Mac] 플러터 스플래쉬 이미지 적용하기 - 23.07.06 평소에 앱을 실행시키면 처음 로딩할 때 나오는 이미지가 있는데, 그 이미지를 splash 이미지라고 한다. 스플래쉬 이미지를 적용시키는 방법은 다음과 같다. 1. 플러터 스플래쉬(flutter_native_splash) 패키지 설치 flutter pub add flutter_native_splash 위 명령어를 터미널에 입력하여 flutter_native_splash 패키지를 설치한다. 2. 프로젝트의 루트 폴더에 flutter_native_splash.yaml 파일 생성 프로젝트의 루트 폴더는 pubspec.yaml 파일이 존재하는 위치이다. 이곳에 flutter_native_splash.yaml 파일을 생성하고 다음 코드를 입력하여 저장하였다. flutter_native_splash: # This p.. 2023. 7. 6.
[Flutter on mac] 플러터 카카오 로그인 연동 과정 - 23.07.03 플러터 프로젝트에서 카카오 로그인 기능을 연동시키는 과정을 간단하게 기록한다. 참고한 링크는 다음과 같다. https://vlee.kr/4986 1. 카카오 개발자 사이트에서 어플리케이션 등록하기 카카오 개발자 사이트 로그인 새 어플리케이션 등록하기 안드로이드 플랫폼 먼저 등록 키 해시 값 생성하기 위한 명령어 입력 -> 키 해시 생성됨. keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64 ios 플랫폼도 번들 ID는 android 패키지명과 같이 입력하여 등록하였음 2. Kakao.. 2023. 7. 3.
[Flutter on mac] VSCode에서 Dart 코드 작성시 엔터칠 때 자동완성 방지하는 방법 - 23.07.02 플러터 작업 중에 코드 작성 시 깔끔하게 작성하기 위해 엔터를 칠때마다 자동완성이 되어서 흐름이 끊기는 현상이 자꾸 발생해서 챗지피티를 통해 얻은 해결 과정이다. Visual Studio Code를 열고, 상단 메뉴에서 "Code" > "Preferences" > "Settings"를 선택합니다. (또는, 단축키 Cmd+, (Mac) 또는 Ctrl+, (Windows/Linux)를 사용할 수 있습니다.) 설정 탭에서, 검색 창에 "acceptSuggestionOnEnter"를 입력합니다. "Editor: Accept Suggestion On Enter" 옵션을 찾아서, 이를 "off"로 설정합니다. 이렇게 하면 엔터키를 눌렀을 때 자동 완성이 발생하지 않습니다. 변경 사항을 저장하고 설정 창을 닫습니다... 2023. 7. 2.