영주머니의 개발주머니

google_ml_kit 패키지에는 Text Recognition, Face Detection, Image Labeling 등의 다양한 기능을 지원한다. 그 중 Text Recognition을 사용해보자. google_ml_kit | Flutter Package A Flutter plugin to use all APIs from Google's standalone ML Kit for mobile platforms. pub.dev 아래의 예시코드는 직전 포스트의 image_picker 사용 예제에 텍스트 인식 기능을 추가해서 만들었다. [Flutter] image_picker로 카메라 및 갤러리에서 이미지 가져오기 Flutter에서 카메라로 촬영한 사진이나 갤러리의 이미지를 가져오는 것은 image_pic..

Flutter에서 카메라로 촬영한 사진이나 갤러리의 이미지를 가져오는 것은 image_picker 패키지로 간단히 구현할 수 있다. image_picker | Flutter Package Flutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera. pub.dev 예시 코드 class _MyAppState extends State { XFile? _image; //이미지를 담을 변수 선언 final ImagePicker picker = ImagePicker(); //ImagePicker 초기화 //이미지를 가져오는 함수 Future getImage(ImageS..

1년에 129,000원이라는 애플 개발자 계정 가격에 놀라고 폐쇄적인 애플에 놀랐지만 그럼에도 불구하고 애플 앱스토어에 앱을 제출했다. 다 완성되어 있는 Flutter 앱을 애플에 올리는 것을 해결하는데만 2일이 통으로 걸렸다. 앱스토어에 앱을 올리려면 무조건 Mac이 있어야 한다. IOS 개발에 필요한 Xcode가 Windows 환경에서는 실행이 불가능하고 Mac에서만 돌아가기 때문이다. 세상에 안드로이드 스튜디오는 Mac에서 실행 가능하면서 Xcode를 Windows에서 실행하는 걸 막아두다니.. 애플은 너무 자기들끼리만 노는 게 아닌가 싶다. 안드로이드 스튜디오에서 바로 업로드 가능한 ipa파일을 만드는 게 가능할까 싶어서 열심히 찾아봤지만 build에 문제가 생기거나 결국은 Xcode가 설치되어 ..

Android Studio로 Flutter 개발을 진행하고 Github에 업로드했다면 맥 환경에 Xcode만 다운되어 있어도 앱스토어 업로드가 가능하다. 우선 Xcode에 Github에 저장해놓은 프로젝트를 불러온다. Github clone을 이용하면 될 것 같았지만 내 컴퓨터에서는 기능이 제대로 작동하지 않았다. 그래서 나는 Github에서 프로젝트 파일을 직접 컴퓨터에 다운받은 뒤에 File -> Open을 통해서 파일을 열였다. 이때 Flutter 프로젝트의 Root를 선택하면 파일이 안열리고 프로젝트 Root -> ios 폴더를 선택해서 열어야한다. 그러면 Runner 폴더가 열린다. lib파일을 안불러왔는데 괜찮은건가 싶지만 괜찮다. Runner 폴더를 불러왔으면 왼쪽에서 더블클릭해서 설정창을 ..

플레이스토어 다운로드 링크 쿠직(KUsic) - 고려대학교 응원가 - Google Play 앱 고려대학교 응원가 전용 뮤직 플레이어 앱입니다. play.google.com 드디어 구글 플레이스토어에 처음으로 내 앱을 출시했다!! 군대 전역하자마자 시작해서 대략 3주정도 걸려서 완성했다. 전역 후에 세웠던 첫 목표였는데 출시까지 이어지니 뿌듯하다. 원래는 구글 플레이스토어랑 애플 앱스토어에 모두 출시하려고 했는데 테스트해볼 IOS 기기도 없고 노트북도 Mac이 아니라서 앱스토어 출시는 보류해뒀다. 개인적으로 IOS 개발은 안드로이드 개발에 비해 제약도 많고 불편하다는 생각이 든다. 게다가 플레이스토어 개발자 계정은 25달러를 내면 평생 사용가능인데 앱스토어 개발자 계정은 99달러에 1년 사용이다. Flut..

플레이스토어 다운로드 링크 쿠직(KUsic) - 고려대학교 응원가 - Google Play 앱 고려대학교 응원가 전용 뮤직 플레이어 앱입니다. play.google.com 기본적인 UI를 완성한 지 거의 2주가 지났다.. 앱 페이지 레이아웃을 2일 만에 완성하고서 이제 Flutter에 좀 익숙해졌나 싶었지만 어디까지나 껍데기 만들기에 한정된 이야기였다. 그래도 어찌어찌해서 최소한의 기능을 하는 앱을 완성했다. 내가 구현하고자 했던 기능들은 다음과 같다. - Melon, Flo와 같은 음악 재생 기능 (백그라운드 재생, 반복 재생, 랜덤 재생 등) - 나만의 응원가 플레이리스트 기능 - 좋아요 기능 - 가사 조회 기능 (응원가 싱크에 맞춰서 표출되는 가사 변경) - 응원곡 mp3 및 lrc 파일 서버에 저..

현재 페이지 위에 하단 시트를 보여주고 싶으면 ModalBottomSheet 위젯을 사용하면 된다. 자세히 보기 창과 같이 사용자에게 추가적인 정보를 제공하거나 옵션을 제공하고 싶을 때 유용하다. 예시 코드 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: ModalBottomSheet(), ), ); } } cla..

플레이스토어 다운로드 링크 쿠직(KUsic) - 고려대학교 응원가 - Google Play 앱 고려대학교 응원가 전용 뮤직 플레이어 앱입니다. play.google.com 드디어 앱의 뼈대가 되는 페이지 디자인을 완료했다! 3일 정도 걸렸는데 구상한 페이지가 7개밖에 안 되는 것 치고는 생각보다 오래 걸렸다. Android Studio 설치하고 Git이랑 연결하고 Emulater도 실행해보면서 이것저것 처음 해보다 보니 시간이 오래 걸렸다. 직전 프로젝트에서는 FlutLab라는 온라인 IDE 환경에서 개발을 진행했어서 디버깅도 웹 환경에서 해야 해서 불편한 점이 많았는데 Emulater에서 직접 보고 디버깅하니까 확실히 직관적이고 편하다. 하지만 용량이 10GB라서 내 노트북 C드라이브 용량을 다 차지해..

플레이스토어 다운로드 링크 쿠직(KUsic) - 고려대학교 응원가 - Google Play 앱 고려대학교 응원가 전용 뮤직 플레이어 앱입니다. play.google.com ✔️ 앱 제작 계기 2022년 10월 28일 ~ 10월 29일 3년만의 정기 고연전이 있었다. 내가 입학한 2020년도부터 코로나로 인해 고연전을 진행하지 않아서 입학 이후 첫 고연전이었다. 고연전때 재밌게 응원하려고 군 휴가 일정을 조정해서 응원OT, 합응전까지 참가해서 연습했기 때문에 누구보다 신나게 응원할 자신이 있었다. 경기장에서도 야구 1회부터 9회까지 앉지도 않을 정도로 열정적으로 응원했다. 하지만 2일동안 응원을 너무 열심히 한 탓인지 심각한 응원 중독에 걸려버렸다. 그날 이후로 응원가가 계속 귓가에 맴돌아서 집에서 혼자 ..