Flutter12 [굿위시 제작기] 19. 구글 플레이스토어 출시과정 - 테스터 20명 모집하고 14일 기다리기 / 최종 스토어 출시 드디어 마지막 과정인 '테스터 모집하고 테스트 진행하기 / 최종 출시하기' 차례입니다. 테스터 모집하는 방법앱 번들 파일을 제출하고 나면, Google Play에서 테스터에게 제공 상태가 됩니다. 테스터를 구하는 방법은 다음과 같습니다.1. 안드로이드 휴대폰과 Google play 계정(구글 이메일)을 소지 중인 사용자를 모집합니다.2. 위 페이지에서 구글 이메일을 등록합니다.3. 테스트 참여 방법 항목의 '링크 복사'를 한 후, 해당 링크를 테스터에게 제공합니다.4. 테스터가 링크를 접속하면, 플레이스토어를 통해서 베타버전 앱을 다운받습니다.5. 앱 다운과 동시에 자동으로 테스터 등록이 완료됩니다. 한 번 등록된 이메일 목록에 계속 새로운 테스터를 추가할 수 있습니다. 테스터 20.. 2024. 11. 17. [굿위시 제작기] 18. 구글 플레이스토어 출시과정 - 본인확인, 비공개 테스트 버전 앱 번들 제작하기 지난 과정에 이어서, 이번엔 '본인 확인, 테스트 버전 앱 번들 빌드'를 등록할 차례입니다. 개발자 본인 확인 인증앱을 출시하기 전까지 꼭 본인확인을 마쳐야 합니다. 그런데 PASS앱을 통하는 본인확인이 아니라, '주소지 증빙 서류'를 필요로 합니다.저는 주민등록등본(초본)을 스캔해서 보냈습니다. 주소 형식이 알맞지 않을 경우, 수정된 주소를 추천합니다.수정한 후 제출하면, 며칠 내로 개발자 인증을 해준다고 합니다. 만약 인증과정에 문제가 생길 경우, 메일로 안내를 해줍니다. 비공개 테스트 플레이스토어는 앱 출시 전에 꼭 '비공개 테스트'를 진행해야 합니다. 알파 테스트 버전을 생성한 후, 앱 번들파일(aab)을 제출해야합니다.지금부터 이 파일을 만들기 위해 필요한 .. 2024. 11. 16. [굿위시 제작기] 15. 프로필 페이지 제작하기 프로필 페이지화면 우측 상단에는 작게 프로필 이미지가 있습니다.사실 굿위시 자체에는 커뮤니티&계정 기능이 있다보니 프로필 이미지를 따로 넣을 필요가 있을까 싶지만, 각자의 개성을 표현하는 수단으로 좋아보여서 넣었습니다. 프로필 페이지의 코드 전문import 'dart:typed_data';import 'package:flutter/material.dart';import 'package:goodwishes/Models/goods_model.dart';import 'package:goodwishes/Models/profile_model.dart';import 'package:goodwishes/Models/wish_model.dart';import 'package:goodwishes/constants/u.. 2024. 11. 8. [굿위시 제작기] 14. Hive Box로 데이터를 저장하기 휘발되는 데이터지금까지 개발한 과정만 놓고 보면, 굿즈를 일시적으로 Provider에 저장하더라도 앱을 껐다키면 모든 데이터가 날라갑니다.따라서, 지금까지 기록한 내용을 스마트폰의 내부 저장소에 저장한 후 불러오는 방식이 필요합니다. 이렇게 데이터 지속성을 보장하기 위한 라이브러리가 Flutter에 있습니다.바로 Hive입니다. Hive 공식 링크 : https://pub.dev/packages/hive hive | Dart packageLightweight and blazing fast key-value database written in pure Dart. Strongly encrypted using AES-256.pub.dev Hive의 특징- NoSQL (Key : Value) 기반 데이터 .. 2024. 11. 7. [굿위시 제작기] 13. 즐겨찾기 페이지 제작하기 굿즈의 즐겨찾기 페이지모든 굿즈를 아끼겠지만, 그중에서도 유별나게 찾아보고 싶은 굿즈들이 있습니다.그런 굿즈들을 따로 모아두기 위해 즐겨찾기 페이지가 있습니다. Goods, Wish Class 모델 선언 과정글 (링크)을 살펴보면,최하단에, 'isFavorite' 속성을 확인할 수 있습니다. 이게 바로 즐겨찾기의 유무를 나타냅니다.isFavorite가 true인 굿즈만 출력해주는 페이지가 바로 즐겨찾기 페이지입니다. 즐겨찾기 등록 방법굿즈 상세 페이지에서 사진의 빨간 네모 부분을 터치하면, 책갈피 체크가 되는 기능을 추가했습니다. [구체적인 설명글 : https://arnopark.tistory.com/915#%EC%84%A0%ED%83%9D%EC%A7%80-%EC%A0%95%EB%.. 2024. 11. 5. [굿위시 제작기] 12. 굿즈 검색 페이지 제작하기 굿즈와 위시를 검색할 수 있는 페이지굿즈와 위시가 많이 쌓이면, 특정 물건을 찾기 위해선 검색 기능이 필수입니다.이 기능을 지원하는 '검색 페이지'를 제작하는 것이 이번 목표입니다. 검색 페이지의 코드 전문import 'package:flutter/material.dart';import 'package:goodwishes/Models/goods_model.dart';import 'package:goodwishes/Models/wish_model.dart';import 'package:goodwishes/constants/ui_numbers.dart';import 'package:goodwishes/widgets/change_goods_wish_button.dart';import 'package:goo.. 2024. 11. 3. [굿위시 제작기] 11. 굿즈 추가 페이지 제작과정 - 굿즈와 위시 변경 버튼 굿즈 위시 모드 변경하기굿즈 추가 페이지의 상단을 보면, [GoodsList | WishList] 버튼이 있습니다.굿즈 추가 페이지를 통해, GoodsList와 WishList를 작성할 수 있는 기능을 구현하기 위해 이 버튼을 만들었습니다. 버튼을 누르면 GoodsListProvider와 연결되어서 굿즈 정보를 추가하거나, WishListProvider와 연결되어서 위시 정보를 추가할 수 있게 만드는 것이 목표입니다. AddGoodsPage의 코드 분석import 'package:flutter/material.dart';import 'package:goodwishes/constants/ui_numbers.dart';import 'package:goodwishes/widgets/goods.. 2024. 10. 31. [굿위시 제작기] 10. 굿즈 추가 페이지 제작과정 - TextInput 그리고 굿즈 등록 버튼 굿즈 분류(카테고리)의 나머지 state들[굿즈 추가 페이지 소스코드 주소 : https://arnopark.tistory.com/917#%EC%84%A0%ED%83%9D%EC%A7%80-%EC%A0%95%EB%8B%B5-2] 설정이 까다로운 date, category state는 전편에서 전부 다뤘으니, 이제 나머지 states만 다루면 됩니다. TextInput 위젯페이지 소스코드를 확인해보면, AddGoodsListEl위젯과, 그 안에 담긴 TextInput 위젯들이 눈에 들어옵니다. 이 위젯들은 구조가 이렇게 생겼습니다.그런데 어떤 건 hintText가 있는 반면, 어떤 건 이미 초기값으로 '0'이 주어진 경우가 있습니다. TextInput위젯은 직접 제작한 커스텀 위젯으로,.. 2024. 10. 19. [굿위시 제작기] 9. 굿즈 추가 페이지 제작과정 - 카테고리 설정/관리 페이지 굿즈 분류(카테고리) 기록 state굿즈 추가 페이지의 state 중에는 category가 있습니다.굿즈를 유저가 직접 설정한 카테고리로 분류하는 부분입니다. [굿즈 추가 페이지 소스코드 주소 : https://arnopark.tistory.com/917#%EC%84%A0%ED%83%9D%EC%A7%80-%EC%A0%95%EB%8B%B5-2] 굿즈 추가 페이지에서, 사진의 부분을 담당하고 있습니다.Tag()라는 커스텀 위젯을 사용하고 있는데, 현재 Category state로 지정된 값을 Text() 위젯으로 출력하며,Tag()를 누르면 카테고리 관리 페이지로 이동하는 onNavigate 속성을 전달받습니다. 태그 버튼을 누르면 카테고리 관리 페이지로 Future categoryBut.. 2024. 10. 19. 이전 1 2 다음
