개발일지38 [굿위시 제작기] 16. 구글 플레이스토어 출시과정 - 회원가입과 앱 콘텐츠 정보 등록 굿위시 앱 제작이 끝났으니, 공식 앱스토어에 등록할 차례입니다. 플러터 덕분에 ios 앱도 제작을 했지만, 앱스토어 개발자 계정 생성 비용이 너무 터무니 없이 비싸서, 플레이스토어에만 등록을 하겠습니다. (사전 준비물 : 25달러) Play 개발 계정 만들기 구글 공식 개발자 콘솔 : 링크위 링크를 타고 들어가서, Play 개발자 계정을 생성해야 합니다. 회원가입에 필요한 기본 정보들을 입력하고 인증하라고 나옵니다.안내에 맞춰서 전부 따라줍니다. Play 개발자 계정을 어떻게 사용할지에 대한 질문들도 나옵니다.답변에 따라 불이익이나 다른 기능이 주어지는 것은 아니니 편하게 작성합니다. 모든 정보를 작성하고 나면 '계정 생성 및 결제' 단계에 돌입합니다. 25$ 결제하기계정을 .. 2024. 11. 14. [X 언팔로우 체커] 설치 & 사용설명서 글 최종 작성/수정 일 : 2024.11.12 본 글은 [크롬 확장프로그램 : X Unfollow Checker]의 사용 설명서입니다.설명 중에는 본 앱의 이름을 '언팔체커'라고 축약해서 부르겠습니다. 설치 방법공식 설치 링크 : https://chromewebstore.google.com/detail/x-unfollow-checker/gejmddmjklkhmeonebcphamcgbincfnp?hl=ko X Unfollow Checker - Chrome 웹 스토어팔로우했지만 나를 팔로우하지 않는 트위터 계정을 찾습니다.chromewebstore.google.com구글 크롬 공식 웹스토어 링크를 들어가신 후, 우측 상단의 'Chrome에 추가' 버튼을 누릅니다. 크롬 브라우저에 X U.. 2024. 11. 12. [굿위시 제작기] 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. 원신 트친소 생성기 제작 및 이용방법 원신 트친소 (X친소) 표 자동제작기자동으로 위의 트친소표를 제작해주는 생성기 사이트를 제작했습니다.지금부터 사용법을 설명하겠습니다. 공식 사이트 링크링크 : https://genshin-twitchinso-autogen.vercel.app/ Next.js로 제작한 후, vercel로 호스팅을 했습니다.바이러스 없습니다. 사용법 - 정보 입력하기안내에 따라, 각종 정보들을 입력합니다.프로팔 사진과 최애캐 사진은 1:1 비율의 사진을 넣는 것을 권장드립니다. 배경 사진도 직접 넣을 수 있고, 트친소 표 안의 폰트 색상도 직접 지정할 수 있습니다.색상코드를 찾아서 입력하시거나, 색상 팔레트로 원하는 색을 찾을 수 있습니다. 사용법 - 이미지 다운로드 (아이폰 오류 해결법) 모든 설정이 완.. 2024. 10. 19. 이전 1 2 3 4 5 다음
