5

[flutter] 하단 바에 그라데이션 적용하기 (snake navigation bar)

여러 앱을 살펴보다가 그라데이션으로 포인트를 준 앱을 발견했다. 하단바에 그라데이션을 적용해보았다. 하단 바는 snake navigation bar 패키지를 이용해서 구현했다. 1. snake navigation bar 설치 (선택) // pubspec.yaml dependencies: flutter_snake_navigationbar: ^0.6.1 2. 색상 추출하기 (선택) 아래의 tinEye 사이트에서 이미지의 색상을 추출했다. https://labs.tineye.com/color/ TinEye Labs - Color Extraction Lab TinEye is an image search and recognition company. We are experts in computer vision, p..

앱/flutter 2023.08.21

[flutter/kakao login] invalid key hash 오류

https://developers.kakao.com/docs/latest/ko/getting-started/sdk-android#add-key-hash Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 위의 링크를 참고해 디버그 키 해시를 생성하고 출력된 결과를 카카오 콘솔에 키 해시를 등록했는데 invalid key hash 오류가 발생했다. kakao sdk로 키 해시를 확인하는 방법을 이용해, 디버그 키를 확인할 수 있었다. 초기화 작업 코드 아래에 다음과 같은 코드를 추가해 키 해시를 출력했고, 얻은 키 해시를 카카오 콘솔에 등록해주니 문제..

앱/flutter 2023.08.07

[flutter/kakao login/android] 플러터 안드로이드 앱에 카카오 로그인 적용하기

https://developers.kakao.com/docs/latest/ko/kakaologin/flutter Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com * 안드로이드 앱 위주로 설명되어 있습니다. 플랫폼 정보 등록 개발자 웹 사이트에 로그인 한 후, [내 애플리케이션] > [애플리케이션 추가하기]에서 앱을 생성한다. 이 기본 정보는 카카오 로그인 동의 화면, 연결된 서비스 관리, 카카오톡 메시지 하단의 출처 등에 표시된다고 한다. 플랫폼 등록 [내 애플리케이션] > [플랫폼] 메뉴에서 서비스에 필요한 플랫폼을 등록한다. 패키지명 패키지명..

앱/flutter 2023.08.07

[flutter] 이미지 업로드하기

이미지 업로드 다음과 같은 기능을 포함해 구현했다. 1. 초기 설정 permission_handler (접근 권한 허용 여부 확인), image_picker (이미지 선택), dio (백과의 통신) 패키지를 설치하고, android/app/src/main/AndroidManifest.xml에 아래 코드를 추가해준다. // pubspec.yaml dependencies: ... permission_handler: ^10.3.0 image_picker: ^0.8.6+2 dio: ^4.0.6 // android/app/src/main/AndroidManifest.xml // 저장공간 접근 ... 2. 갤러리/파일 접근 권한이 허용되었을 경우, 갤러리/파일로 이동하고, 허용되지 않았을 경우, 모달 띄우기 갤러리..

앱/flutter 2023.08.06

[flutter] [android studio] [Mac] Unable to find bundled Java version 오류 해결

문제 상황 flutter, android studio를 설치하고 난 후, 'flutter doctor -v' 명령어를 치니, 다음과 같은 오류가 나타났다. Unable to find bundled Java version 검색해보니, java 버전이 달라서 생기는 오류라고 한다. 해결 방법 1. Finder에서 android studio 선택 후, 오른쪽 버튼 클릭해 '패키지 내용 보기'를 누른다. 2. Contents 디렉토리에 들어간다. 3. jre라는 디렉토리가 없다면 만들어준다. 4. jbr이라는 디렉토리의 내용을 복사해, jre에 넣어준다. 5. 터미널을 재실행하고 'flutter doctor -v'로 오류가 해결됐는지 확인한다. 참고 https://terry1213.github.io/flutte..

앱/flutter 2023.01.31
1