Flutter 10

[flutter] 음원 정보 접근하기 : on audio query

앱에서 기기 내부에 존재하는 음원을 재생하려면 우선 음원 파일의 정보를 읽어야 합니다. flutter에서는 path_provider라는 패키지를 사용하여 경로를 알아낸 뒤 음원 재생 패키지를 사용하여 접근할 수 있지만, 오직 음원 파일에만 접근하려면 on audio query를 사용하는 것이 편리합니다. 패키지 설치(택 1) · Terminal에서 [flutter pub add on_audio_query] 입력 · pubspec.yaml에서 [on_audio_query:버전] 입력 후 Pub get 클릭 네이티브 설정 · Android AndroidManifest.xml에 권한을 추가합니다. · IOS Info.plist에 권한을 추가합니다. ... NSAppleMusicUsageDescription $..

[flutter] 권한 관리 : permission handler

앱 개발 시 특정 권한을 획득해야 동작이 가능한 기능들이 존재합니다. flutter에서는 permission_handler라는 패키지 형태로 제공하여 쉽게 사용할 수 있습니다. 패키지 설치(택 1) · Terminal에서 [flutter pub add permission_handler] 입력 · pubspec.yaml에서 [permission_handler : 버전] 입력 후 Pub get 클릭 네이티브 설정 · Android 1. gradle.properties 파일에 코드 추가합니다. android.useAndroidX=true android.enableJetifier=true 2. build.gralde 파일에 compileSdkVersion을 33으로 설정합니다. android { compileS..

[flutter] 디스크에 데이터 저장하기 : Shared preferences

상대적으로 적은 양의 데이터를 디스크에 저장하고 싶을 때는 preferences를 사용하는 것이 편합니다. flutter에서는 이것을 shared_preferences라는 패키지 형태로 제공하여 쉽게 사용할 수 있습니다. shared_preferences는 key-value 형태로 저장할 수 있습니다. Shared preferences 패키지 설치(택 1) · Terminal에서 [flutter pub add shared_preferences] 입력 · pubspec.yaml에서 [shared_preferences : 버전] 입력 후 Pub get 데이터 저장 import 'package:shared_preferences/shared_preferences.dart'; saveListData() async..

[2023 월간프로젝트] 03. flutter로 음악 앱 만들기 2

프로젝트 동기와 프로젝트 목표는 이전 글에서 확인해 주시길 바랍니다. 사용한 기술 사용 언어 : Dart 개발환경 : flutter, Android Studio flutter package(pub) assets_audio_player on_audio_query percent_indicator permission_handler flutter_neumorphic shared_preferences 프로젝트 설명 기본적인 음악앱보다 좀 더 간단하게 만들어 보았습니다. 메인 페이지는 Tab 형식으로 모든 음악, 가수, 앨범, 좋아하는 노래로 나누어서 구성을 했습니다. 모든 음악에서는 핸드폰에 존재하는 모든 음원 파일 중 mp3 파일을 불러오도록 설정했습니다. Tab의 윗 부분에서는 현재 재생 중인 음악의 '앨범 ..

프로젝트 2023.03.30

[2023 월간프로젝트] 02. flutter로 음악 앱 만들기

프로젝트 동기 2021년에 음원 정보 바꾸는 프로젝트를 진행한 적이 있었습니다.(궁금하신 분은 이 페이지를 참고하시길 바랍니다.) 그 프로젝트는 PC로 음원 정보를 바꾸는 프로그램을 제작하는 것으로 당시에는 상당한 만족감이 있었습니다. 하지만 지나고 보니 조잡한 UI/UX와 PC 사용 한정이기에 만든 저조차도 사용률이 적다는 아쉬움이 있었습니다. 핸드폰에 저장되어 있는 음악을 주로 듣는 저로서는 '멜론'이나 '지니뮤직'과 같은 앱이 아닌 '삼성뮤직'을 사용하고 있습니다. '삼성뮤직'의 경우 생각보다 많은 서비스들을 제공하지만(사운드 조정부터 앨범커버 변경 및 음원 정보 변경도 가능합니다.) 예전부터 한 번쯤 공부해보고 싶었던 flutter에 대해서 공부를 해보고 싶었기에 공부해 볼 겸 이번 프로젝트를 시..

프로젝트 2023.02.28

[flutter] flutter doctor No Java Development Kit 오류

flutter 설치 후 flutter doctor에서 No Java Development Kit 오류가 발생할 때 ✔️ JAVA가 설치되지 않았을 경우 1. JAVA를 사이트에서 다운로드해줍니다. 2. exe 파일을 실행시켜서 설치합니다. ⭐ 설치 위치를 잘 기억하셔야 합니다. 3. [환경변수] - [시스템변수] - [새로 만들기]를 클릭합니다. 3-1) 변수 이름에 JAVA_HOME을 입력하고 JDK를 다운로드한 경로를 입력합니다. 3-2) [시스템 변수] Path에 %JAVA_HOME%\bin을 추가합니다. 4. 환경변수가 설정이 잘 되었는지 cmd에서 java -version 명령어로 확인합니다. 5. flutter doctor로 확인했을 때 license관련 오류가 발생하면 flutter doct..

Flutter & Android Studio 설치

Flutter 설치법 1. 사이트에 들어갑니다. https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 2. 개인 컴퓨터에 맞는 시스템을 선택한 뒤 다운로드합니다. 3. 다운로드한 파일을 압축 해제합니다. 4. 환경 변수에 flutter/bin 디렉터리 경로를 설정합니다. 4-1) [윈도우 키]를 누른 후 "환경 변수"로 검색하여 [시스템 환경 변수 편집]을 클릭합니다. 4-2) [환경 변수] 버튼을 클릭합니다. 4-3) 환경 변수의 [..

728x90