[📜일지] 룰렛 앱 제작 일지 - 처음부터 끝까지

[라라루라(hwi7586)]

5월 10일 부터 진행해서 2일만에, 후다닥 끝낼려고 했는데 ㅋㅋ,,, 생각보다 오래 걸렸다!!

Ads 나 IAP 등은 처음 진행해보기도 했고, 공유하면 좋은 내용도 있을 것 같아서 일지 처음 적어봐!!

Unity 로 만들었고, 도움 될 만한 내용있긴 한데, 게임이라고 보긴 좀 힘들 것 같아서. 혹시 문제되면 알려줘!

본격적으로 들어가기 전에 - 만든 앱 :

• 구글 : https://play.google.com/store/apps/details?id=com.devdup.advancedroulette
• 애플 : https://apps.apple.com/kr/app/advanced-roulette-decision/id6503068697

기간은 대강 세 개 정도로 나눌 수 있을 것 같아!

• 2024년 5월 10일 - 2024년 5월 19일 : 사전 준비 기간 : UI 제작, 피드백, UI 수정 등.
• 2024년 5월 20일 - 2024년 5월 24일 : 제작 및 출시 기간 : 제작 및 출시 신청 완료.
• 2024년 5월 24일 - 2024년 5월 31일 : 구글 플레이, 애플 피드백 및 디버깅. 출시 완료.

요거 나눈 거 기준으로 해서 각 과정을 조금 설명하는 식으로 진행할게!

0. 아이디어 브레인스토밍 :

처음 아이디어는 내가 평소에 룰렛이나 이런 걸 맛집 고를 때 많이 쓰는데, 룰렛앱 많이 다운 받아서 써봤어도 사용성이 그리 좋지 않다는 거였어! 그리고, 나는 깔끔한 느낌을 좋아하는데, 그런 룰렛이 없다는 것도 있어서, 사용성을 개선한, 애플 기기에 맞는 보다 고급진 Roulette 앱 제작을 목적으로 프로젝트를 시작했어!

이후에는 컨셉 기획서 조금 쓰고, 아는 디자인 분들에게 여쭤봤는데 다들 바쁘시다 하더라고 ㅎㅎ 그래서 혼자 다 만들자 생각하고 진행 시작했어!

1. UI 제작, 피드백, UI 수정 :

1. UI 는 요런 느낌으로 세부 화면에 대한 설계를 먼저 하고.

2. Gallieo AI 써서 초기 프로토타이핑 및 색감을 잡은 다음

3. Figma 이용해서 별도로 제작하는 과정을 진행했어!

내가 디자인 관련해서는 진행 경험이 별로 없어서, 제작된 UI에 대한 피드백 수렴 및 피드백 기반 개선 작업을 함께 진행했어!

2. 제작 및 출시 신청 완료. :

먼저 제작 과정이야!!

- Unity 내에서 개발을 진행했어! 이건 Project Setting 먼저하고, UnityFigmaBridge 사용해서 옮기고.

UI Extension 사용해서 룰렛 관련 기능, 선택지 기능 만들고.

Dotween 이용해서 룰렛 애니메이션, 버튼 피드백 등 일관성 있게 만드는데 집중했던 것 같아!

이후에는 IAP 와 Ads 를 구현했는데, EasyIAP, MobileAds를 함께 활용하여 구현 과정을 엄청 간소화 할 수 있었어!

(내부 구현까지 다 얘기하면 너무 많을 것 같아서 간략하게 이 정도만 얘기할게! 궁금한 거 있으면 얘기해줘!)

- 이와 관련해선 어떻게 사용하는지, 그리고 내가 트러블 슈팅한 내용을 정리해놨는데, 이건 링크로 남겨둘게. (EasyIAP 랑 MobileAds 진짜 쓰기 편하더라,,,)

https://publish.obsidian.md/pavdup-second-brain/2.+활동+%2B+창작/Developments/Game/Unity/000.+Permanent/Unity+Ads%2C+IAP+구현하기+(공유자료)

- 그리고 UnityFigmaBridge 를 이용해 Unity 내로 Asset Import 할 때나, Canvas Scaler 와 관련된 사용해서 주의할 점이 있는데, 이것도 링크로 함께 남겨둘게!

https://publish.obsidian.md/pavdup-second-brain/2.+활동+%2B+창작/Developments/Game/Unity/000.+Permanent/Unity+에서의+화면+해상도+(Figma+사용부터%2C+Canvas+Scaler+와+다양한+해상도+대응까지!)

이후에는 출시 과정이야!!

- Android Build 는 내가 Firebase 를 쓴 것도 아니고, Gradle 등에서 문제 생길 일이 없어서 솔직히 쉬웠어! 그런데 이제 구글 플레이에 APK 가 아니라 AAB 만 낼 수 있더라고? 그건 조금 많이 의아하더라!

- IOS 빌드에서는 문제가 좀 많았어! Unity 종특인 것 같긴 한데, 그 과정 조금 얘기해줄게!

Unity IOS 빌드는 XCode 프로젝트로 결과물이 나오고, 그 XCode 프로젝트를 XCode 를 통해 다시 빌드해야 IOS 앱을 만들 수 있어!

이때, Unity 에서 외부 라이브러리 의존성을 다운로드할 때 Cocoapods 라는 걸 쓰는데, 이게 오류가 진짜 잘 발생해! (특히 Firebase 쓰면 더더욱!) 따라서, 나는 Unity IOS 빌드로 나온 XCode 프로젝트를 터미널로 이동해 다시 pod install 하여 의존성 있는 라이브러리들을 추가 install 하는 과정을 거쳤어!

- 나는 개인사업자 신청을 했었는데, 이때 구글 플레이와 앱 스토어에서 어떤 계정으로 설정해야 하는지 등은 인겜갤을 많이 참고했어! 이런 과정은 기니까 링크로!

• https://publish.obsidian.md/pavdup-second-brain/2.+활동+%2B+창작/Developments/Game/Unity/000.+Permanent/빌드+및+출시+관련/유니티+앱+구글+플레이+출시+(공유자료)
• https://publish.obsidian.md/pavdup-second-brain/2.+활동+%2B+창작/Developments/Game/Unity/000.+Permanent/빌드+및+출시+관련/유니티+앱+애플+스토어+출시+(공유자료)

3. 구글 플레이, 애플 피드백 및 디버깅. 출시 완료.

- 이후에는 Safe Area, 룰렛 저장 등에 관한 단순한 오류, 애플 IAP 오류 해결 등 피드백 오는 내용에 따라 수정하는 과정을 거쳤어!

구글 플레이는 앱 출시 전에 그렇게 많은 피드백을 받진 않았는데. (솔직히 크게 문제 없으면 바로바로 통과 되는 듯?)

애플이 확실히 피드백이 많더라고!

- 가장 큰 문제는 IAP 와 관련된 문제 였었는데, NoProductAvailable 이 Debug 에 찍히면 보통 다음과 같은 오류들 중 하나야.

1. Provisioning profile에서 IAP 가 허용되어 있냐. (Capabilities 에서 확인 가능)
2. App ID 가 동일하냐.
3. ProductType.NonConsumable type 처럼, 상품 종류가 동일하냐.
4. Production AppleID가 동일하냐.
5. Test Flight 에서 테스트 했는가.
6. Apple store connect에서 Tax & Banking setup 을 모두 완수하였는가.

가장 흔한 게 6번인데, 나는 다 했었거든. 대체 왜 그런 건가 싶었는데, removeads 로 해야 하는데, 상품명을 romoveads 로 했더라 ㅋㅋ...

너무 허무했다!!

- 아 그리고, 애플에 출시할 때 애드몹을 포함하고 있으면, 사용자 추적 데이터 허락을 위해서 IDFA 라는 걸 표시해야해!

이건 이 유튜브 보면 되게 쉽게 구현 가능해!

Gley Tutorials #6 - Adding App Tracking Transparency (IDFA) popup to Unity - iOS 14.5 - YouTube

근데, 요새 맥에서도 아이폰앱을 돌릴 수 있는데 ATT 승인은 아이폰에서만 가능하거든! 그래서 Device.isOnMac 을 통해 예외 처리해주어야 한다거나(1), 추적을 거절한 이후 부터는 해당 창이 다시 뜨면 안 되는 걸 재 처리해주기 위해 추가 처리를 한다거나(2) 하는 게 좀 더 필요할 수 있어!

자세한 내용은 위에 첨부한 IAP, Ads 링크나 애플 스토어 관련 문서에 더 나와 있으니 참고해봐도 좋을 것 같아!

- 그리고 출시 스크린샷이 좀 많이 어정쩡했어서 바꾸는 과정을 거쳤는데,

애플은 6.7, 5.5, 12.9 이 세 기기 해상도를 대상으로 스크린샷을 준비해야 하더라고!

그런 점 보면 애플과의 출시를 염두해 두고 있을 경우, 애플 스크린샷을 만들고, 그걸 구글에 바로 사용하는 쪽으로 하면 좋아!

- 그리고 위의 것처럼 Figma 에서 템플릿 찾아서 간단하게 작업한 후 올리는 과정을 거쳤어!!

4. 끝!

이렇게 해서 출시까지 다 끝냈어!

3일 만에 다 끝내려고 했던 게 너무 길어져서 많이 빡세다 ㅋㅋ;;;;

아직 Localization은 없고, 출시한지 얼마 안 된 따끈따끈한 앱이야!

그래도 빠르게 다 만들고 나니 뿌듯하긴 하다!

Ads, IAP, 출시 관련해서는 정보를 담으려고 노력해놔서 그래도 다른 애들 도움 되었으면 좋겠다!

추가적인 질문이나, 문제 될 점 있으면 (이게 게임이 아니니까 문제 될 수도,,) 편하게 알려줘!!

[디시콘쓸려고만듦(kimmsssiu)]

[ㅇㅇ 1(219.251)]

상세해서 좋다 개추

[LOW11.3(website3260)]

[얀테이(lose7560)]

[ㅇㅇ 2(118.235)]

혹시 모작해봐도 될까요? 출시 과정이나 이런 걸 한 번 공부할 겸으로요. 출처 남기고 실제로 출시는 안할 예정입니다

[라라루라(hwi7586)]

엇 얼마든지요! 어떤 것을 모작한다는 것인지 정확히 모르겠지만, 공부 목적이면 편하게 해보셔도 좋을 것 같습니다!

[라라루라(hwi7586)]

막히는 거 있으면 편히 여쭤봐주세요!

[ㅇㅇ 2(118.235)]

감사합니다!

[ㅇㅇ 2(118.235)]

갈릴레오 쓰고 있는데 아무리 프롬프트를 쳐도 저렇게 초기 룰렛 화면이 안나오는데 돌림판은 figma로 추가하셨나요?

[라라루라(hwi7586)]

중앙 룰렛은 지인 분 에셋 사용 + 그 에셋 약간 변경하는 식으로 제작하였습니다!