혼자서 앱 만드는 개발자 함께하는 AI 세상

서베에 동영상올리고 프로그래스 바(prograss bar) 를 통해 업로드 상태를 확인해야한다. 우선 서버 업로드시 진행상황을 알 수 있는 로직을 넣어야한다. 아래 두개의 dependencies 로 적용했다. dio 패키지는 http 패키지를 이용해서 좀더 편하게 post / get 서버 데이터를 받아 오는데 dependencies: dio: ^4.0.6 flutter_easyloading: ^3.0.5 dio 패키를 이용해서 우선 OnSendPrograss 통해 업로드 진행상황을 받아 온다. Future uploadFileServer(File image) async { String fileName = DateTime.now().millisecondsSinceEpoch.toString(); String ..

사람은 아는만큼 보이는게 아니라 볼수 있는것같다. 올해 여유자금으로 투자를 시작하고 그전에 몰랐던 것들이 눈에 들어온다 투자가 주식만있는건 아니지만 소액으로 접근 하기 쉬기에 지금까지 열심히 살면서 부동상 투자도 해보고 작은 사업도 해봤지만 손해는 안받으니 다행인듯하다. 그동안 유투버와 책을 통해 가치투자에 대해 다들 이해하지만 그렇게 투자하기가 어렵나 생각이 든다. 펀드멘탈먼저가 그다음 기술적분석이라고 하는데 그럼 펀드멘탈은 뭐고 기술적 분석은 뭔지 알아야 투자을 결정하는데 아직 그정도 분석이나 전업투자도 아니라 힘들다고 하면 핑게일까? 그래서 요즘 기회되면 한종목만 분석해도고 투자해볼까 하는 마음이 든다. 최근 테슬라 주가가 뿐만아니라 여타 대형주들이 많이 떨어졌는데 매일 조금씩 커피값 수준으로 사모..

어제 로그인시 토큰 처리에 대한 개발 후 테스트한 데이터 서버 테이블에 잘 들어가는 지 확인해봤다. 주로사용하는 mysql 툴인 HeidiSQL 툴을 이용해서 토큰데이터가 사용자 테이블에 잘들어가는 확인 해보았다. 토근데이터는 이후에 사용자가 강아지프로필정보를 넣을때 사용차 체크할때 쓸 수 있고 다양하게 처리 할 수 있다. 그리고 메모장에 이미지 업로드 처리를 위한 picker를 호출하여야 한다. 거기에 쓰이는 컨퍼넌트를 추가 할 수 있다. https://pub.dev/packages/image_picker image_picker | Flutter Package Flutter plugin for selecting images from the Android and iOS image library, and ..

구글로그인 이후 서버와 연동을 위해 기본 사용자 id 정보를 서버에 넘겨줘서 다른 컨텐츠와 여기선 강아지 프로필 적용에 이용해야 한다. 사용자가 강아지 프로필을 등록할때 사용자 id 정보가 필요하다. 그리고 사용자는 로그인시 구글 메세지 토큰정보를 서버에 보관하여 알람처리를 할수있다. 아래 코드는 플러터에서 서버로 데이터를 전송하는 부분이다. void addServerUser(User? firebaseUser, googleAuth) { if (firebaseUser != null) { User? currentUser = firebaseUser; var email = currentUser.email.toString(); var postData = { 'user_id': currentUser.uid, 'pa..

프로필등록하고 강아지 여러마리 키우는 주인의경우 어떻게 표현하는것이 인식성이 좋을지 고민하다. 선택하게되었다. 일단 아래 링크를 통해 적용된 소스를 가져올수있다. https://pub.dev/packages/carousel_slider carousel_slider | Flutter Package A carousel slider widget, support infinite scroll and custom child widget. pub.dev 아래 적용된 화면이다. CarouselSlider 를 적용할때 아래 현재위치를 표시하는 부분을 다로 처리 하는것을 알수있다. 별도 위젯으로 만들어서 처리하기로했다. 데이터는 json 리스트를 염두해서 리스트로가져와서 처리하는 부분을 수정했다. int _current ..

지난번 화면 제작 하고 카메라 모듈 불러오는 입력 폼을 위젯(widget)처리하고 것을 적용했다 이번에는 서버로 전송하고 전송된 내용을 화면 리스트 뿌리는 작업이다. 서버로 할지 로컬에 sqlite 이용할지 고민이지만 나중에 고민 상담에 활용할 예정이라 서버를 활용하는 것이 유리 할 것 같다. 우선 서버는 시트메타(자사 솔류션)를 이용하기로 했다. 시트메타에 팻버틀러를 등록 테이블 생성하고(별도 화면에서 처리 가능하다. 서버 셋팅은 나중에 포스팅해보도록하겠다) 메뉴 등록하고 메뉴에 해당하는 필드를 추가해준다. 애견프로필 관련 관리자 페이지를 생성했다. 플러터에서에서 미리 만들어 놓은 API를 통해 서버등록 호출하는 post send 소스이다. 여기까지 작업 진행하고 다음으로 validataion 체크하고..

이전 구글로그인 작업 후 이번 차수에서 프로필 등록 작업을 진행 해보겠다. 프로필은 간단한 소개글 함께 아이콘 이미지를 추가 할 수 있도록 개발해 본다. 위에서 첫 번째 페이지를 먼저 디자인 하기로 했다. 1번 항목 작업은 별도의 위젯으로 처리했다. 입력폼은 컨트롤러 아이콘 필드명을 변수로 입력 받아 처리한다. 글쓰기 항목 위젯 소스 Container 위젯으로 padding 처리하고 TextFormField 를 이용해서 입력폼을 작성해서 위젯으로만들놓고 다음 페이지 처럼 처리한다. Widget itemTextField(IconData icon, TextEditingController ctr, String name) { return Container( // A fixed-height child. color..

3일차 개발 문서 링크 - 지난 개발 FIREBASE 페이지 개발에 https://shsoft.tistory.com/63 로그인 페이지 작업 시 구글로그인을 사용한다. 구글로그인은 기본적으로 구글 권한 Authentication 항목에서 이메일/비밀번호 와 Google선택한다. 플러터에서 관련 pub add 를 추가해야한다. 현재 적용되어있는 firebase_auth 를 추가한다. 기본적으로 firebase_core: ^2.3.0 firebase_auth: ^4.1.5 를 추가한다. SNS 구글 로그인 적용 소스 확인 여기서 GoogleSignInAccount? googleUser = await googleSignIn.signIn(); 부분이 구글 로그인을 호출하는 부분이다. Future handleSi..

2일차 개발 문서 링크 - 지난 개발 INTRO 페이지 개발에 https://shsoft.tistory.com/62 [펫버틀러] 반려동물 고민상담 앱 - 개발 2일차 (인트로페이지INTRO page) 1일차 개발 - 지난 개발 아이콘 개발에 https://shsoft.tistory.com/61 [펫버틀러] 반려동물 고민상담 앱 - 개발 1일차 (아이콘 제작) 개발 배경: 강아지를 처음 키울 때 강아지의 종 / 시기 / 성격 / 외형 에 shsoft.tistory.com 이번에는 구글 로그인 및 메시지 서비스 및 채팅 서비스를 이용하기 위해서 firebase등록하고 소스에 적용한다. 관련자료는 아래에서 확인가능하다. https://firebase.google.com/docs?authuser=0&hl=ko ..

1일차 개발 - 지난 개발 아이콘 개발에 https://shsoft.tistory.com/61 [펫버틀러] 반려동물 고민상담 앱 - 개발 1일차 (아이콘 제작) 개발 배경: 강아지를 처음 키울 때 강아지의 종 / 시기 / 성격 / 외형 에 따라 다양한 형태로 문제점을 가지고 있으니 강아지 주인이 그때그때 대처하기 어렵다 아이도 마찬가지지만 이럴 경우 어 shsoft.tistory.com 더보기 개발 배경: 강아지를 처음 키울 때 강아지의 종 / 시기 / 성격 / 외형 에 따라 다양한 형태로 문제점을 가지고 있으니 강아지 주인이 그때그때 대처하기 어렵다 아이도 마찬가지지만 이럴 경우 어떻게 대처해야 하는지 그리고 평생 반려견으로 살아가기 위해 습관형성 부터 심리상태까지 안정적이고 잘 자라준다면 좋겠지만 전..