코딩 알약

섬타임 #10 - 구글 애드몹 추가하기 (2)

👨🏻‍💻 오늘의 작업지난 글에서 AdMob 앱 인증까지 끝냈고, 이번에는 섬타임에 실제로 배너 광고를 붙여 보았다.처음에는 홈 화면에만 넣으려고 했는데,홈 · 티켓팅 연습 · 설정 · 서버 시간 네 화면 하단에 화면별 광고 단위로 넣는 것으로 바꿨다.유럽 사용자를 위한 광고 동의 처리, 개인정보 처리방침 수정, App Store Connect 수정까지 이번 26.2.0 업데이트에서 진행했다. 전체 흐름 동의 상태 하나를 배너와 설정 화면이 함께 읽는다. 앱을 실행하면 홈에서 광고 동의를 확인하고 SDK를 시작한 뒤, 그 결과를 @Shared(.adConsent)에 저장한다.네 화면의 배너와 설정 화면은 이 값을 읽고, 설정에서 동의를 바꾸면 같은 값이 갱신된다. 추가한 파일은 아래와 같다.파일역할..

👨🏻‍💻 오늘의 작업섬타임 홈 화면 아래에 배너 광고를 하나 넣기로 했다.국가 구분 없이 모든 스토어에서 보여 주고, 위젯 · Live Activity · PiP에는 넣지 않는다. 이번 글은 광고 SDK를 코드에 붙이기 전, AdMob이 앱을 인증하게 만들기까지의 준비 과정을 기록한 것이다.결론부터 말하면 App Store에 마케팅 URL이 비어 있어서 앱 인증에 실패했고,Github Pages로 개발자 웹 사이트를 만들어 해결하였다. [ 1. 광고 SDK 고르기 ] 게임이 아닌 유틸 앱에 배너 하나를 넣는 상황이라 Google AdMob을 골랐다.후보들은 아래와 같다. 이름특징섬타임에 맞는지Google AdMob전 세계 광고주가 가장 많고, 게임이 아닌 앱의 배너에 강하다. 설정이 쉽다.최종 선..

👨🏻‍💻 오늘의 작업 이번 26.1.0 업데이트에 티켓팅 연습 기능을 추가해 보려고 한다.홈에 티켓팅 연습 메뉴를 추가하고, 정각 클릭 연습 · 포도알 클릭 연습 두 가지 연습 기능을 구현한다. 정각 클릭 연습은 09:59:50부터 흐르는 연습 시계를 보고 10:00:00 정각에 예매하기를 눌러, 정각과 몇 초 차이 나는지 보여주고,포도알 클릭 연습은 좌석 배치도에서 난이도별로 무작위로 뜨는 빈 좌석을 누르고, 제한 시간 안에 예매하기까지 누르는 연습이다. 화면 디자인 화면 디자인은 위와 같다. [ 1. 홈 화면 레이아웃 변경 ] 홈 화면에서의 변화는 서버 시간과 티켓팅 연습 메뉴가 한 행에 나눠서 위치하게 변경되었고,하단의 디자인 설정 값을 보여주던 바를 제거하였다.앱을 26.1.0으로 업데이트..

👨🏻‍💻 앱스토어 배포하기[ 1. 앱스토어 심사 통과 ] 10월 10일자로 앱스토어 심사에 통과하여 앱스토어에 배포되었다. 섬타임 앱 - App StoreApp Store에서 Seongpil Heo의 섬타임 앱을 다운로드하십시오. 스크린샷, 평가 및 리뷰, 사용자 팁 및 섬타임 앱과 비슷한 다른 앱을 볼 수 있습니다.apps.apple.com 출근, 외출 준비시에 유튜브나 영상을 시청하면서 준비를 하는 사람들이 많은데가로 화면으로 영상을 시청하게되면 현재 시간이 보이지 않아 매번 손으로 상단 바를 끌어당겨서 시간을 확인해야하는 불편함이 있었다. 섬타임은 다이나믹 아일랜드와 PiP를 이용하여 현재 시간을 영상 위에 표시해주는 앱으로사용자가 휴대폰을 만지지 않아도 현재 시간을 알 수 있도록 도와주는..

👨🏻‍💻 오늘의 작업[ 1. 개인정보 처리방침, 문의하기 화면 추가 ] App Store Connect에 앱을 배포하기 위해 작업을 하다가개인정보 처리방침이 앱 내부에 표시되어야 하는 것을 확인하고,앱 내부에 개인정보 처리방침과 문의하기 기능을 추가했다. 이전에 진행했던 에그타임 프로젝트 처럼html 파일을 프로젝트 안에 넣고 WebView로 표시하는 방법으로 구현했고,문의하기 기능도 MailComposeView를 사용해서 앱 내부에서 기기 정보, 버전 정보를 받고메일로 보내는 기능으로 구현하였다. 실기기 확인 [ 2. 12시간 형식에서 오전,오후 / AM,PM 표시 선택 버튼 구현 ] 설정에서 12시간을 선택한 경우오전/오후 표시를 사용자가 선택할 수 있도록토글 버튼을 추가해서 구현했다. 실..

👨🏻‍💻 오늘의 작업[ 1. 서버 시간 화면 구현 ] [Feat] 서버 시간 화면 구현 by heopill · Pull Request #22 · heopill/SomTime📌 관련 이슈 closed: #21 📌 변경 사항 및 이유 서버 시간 화면 구현 (사이트 서버 시각 측정 → 다이나믹 아일랜드 / PiP에 서버 시간 표시) 📌 참고 이미지 ✅ Checklist 주석 및 프린트문 제거 확인github.com 오늘은 홈 화면에서 서버 시간 메뉴의 화면을 구현했다.해당 기능은 사이트 주소를 사용자가 입력하면서버의 응답 시간을 받아오고,받아온 서버의 시간과 기기의 시간을 비교해서 서버의 시간을 표시하는 기능이다. URLSession을 사용하여 서버에 요청하고HTTP 응답의 Date를 읽어서 서..

👨🏻‍💻 오늘의 작업[ 1. 다이나믹 아일랜드 (Live Activity) 시계 구현 ]이번에는 다이나믹 아일랜드 시계를 구현했다.Live Activity를 사용해서 잠금화면, compact, minimal, 가로, 세로 다이나믹 아일랜드 시계를 구현했다. [Feat] 다이나믹 아일랜드 시계 (Live Activity) 구현 by heopill · Pull Request #19 · heopill/SomTime📌 관련 이슈 closed: #17 📌 변경 사항 및 이유 다이나믹 아일랜드 시계 구현 📌 참고 이미지 ✅ Checklist 주석 및 프린트문 제거 확인 컨벤션 준수 확인github.com [ 2. PiP 시계 구현 ] PiP 시계 기능은 유튜브나 영상을 볼 때화면 위에 시계를 띄워놓..

👨🏻‍💻 오늘의 작업[ 1. 홈 화면 구현하기 ] 오늘은 홈 화면을 구현했다. 이번 이슈에서 구현한 홈 화면의 디자인 설명을 해보려고 한다. 화면 왼쪽 상단에는 앱 이름이 들어가고,오른쪽 상단에는 설정으로 넘어가는 설정 버튼이 있다. 앱 이름 아래에는 다이나믹 아일랜드 시계와 PiP 프롤팅 시계 중 사용자가 선택한 시계가 미리보기에 표시된다. 미리보기 아래에는 다이나믹 아일랜드 시계, PiP 플로팅 시계를 선택할 수 있는 토글 버튼이 있고,아래에는 서버 시간을 찾아볼 수 있는 메뉴도 있다. 그리고 화면의 제일 하단 부분에는 사용자가 현재 선택한 시계 디자인과 색상이 무엇인지 보여주는 상태바와누르면 설정으로 이동하는 버튼이 우측에 있다. [ 2. 구현된 홈 화면 시뮬레이터로 확인 ] [ 3. ..

👨🏻‍💻 오늘의 작업[ 1. 프로젝트 빌드 구성하기 ] 프로젝트를 진행하기 앞서,오늘은 TCA 추가, Widget Extension 추가, App Group을 추가했다. [Build] TCA, Widget Extension, App Group 설정 by heopill · Pull Request #9 · heopill/SomTime📌 관련 이슈 closed: #8 📌 변경 사항 및 이유 프로젝트 기본 구성: TCA 패키지, Live Activity용 Widget Extension, 앱-위젯 간 데이터 공유용 App Group 추가 ✅ Checklist 주석 및 프린트문 제거 확인 컨벤션 준github.com [ 2. 폰트, 컬러 추가하기 ] [Chore] 폰트 추가하기 by heopill · ..

최근에 예전에 일하던 나이키 점장님과 연락을 하다가 아이디어를 하나 주셔서 개인 프로젝트를 새로 진행하게 됐다.불편 사항은 씻을 때 휴대폰으로 유튜브를 틀어놓고 씻으시는데가로 화면으로 영상을 시청하면 시계가 보이지 않아서 불편하다고 하셨다.그래서 다이나믹 아일랜드에 시계가 표시되면 화면을 쓸어내려 시계를 확인하지 않아도시간을 확인할 수 있을 거 같다고 하셔서 앱을 하나 만들어 보려고 한다. 이번에는 디자이너님 없이 클로드를 사용해서 디자인을 뽑아보고그 디자인대로 진행해 보려고 한다. 목업 디자인 클로드를 이용해서 만든 목업 디자인이다.