반응형

로또시뮬레이터 4

08. html 화면 넣고 돌려보기

이번 시간은 진짜 화면과 실행 프로그램을 넣고 직접 돌려보겠다. 우선 아래 파일을 다운받아 프로로젝트 폴더의 app -> src -> main에 풀어준다 그리고 안드로이드 스튜디오를 새로 열거나 프로젝트를 리로드하면 아래와 같이 나온다. 그리고 앱을 실행 해보면 아래와같이 화면이 나온다 숫자 배경에 색상을 넣으려 했는데 생상을 넣으니 너무 깜빡임이 심해 일단은 제외했다. 그리고 시작을 눌러보면 1등에 당첨될때까지 돌아간다. 로또시뮬 구동화면 화면은 index.html이고 로직은 lotto.js에 있다. html이 피그마를 플러그인으로 뽑아서 개판이긴 한데 그런건 신경쓰지 않고 진행하겠다. 이제 다음시간에는 실제 앱을 빌드해서 스토어에 올려보겠다.

05. 애드몹 연동하기

이제 지난번에 만든 기본 화면에 애드몹을 연동 하여 하단 배너광고를 노출해 보자 1. 애드몹 앱 생성 및 광고 추가. 애드몹 아이디가 없다면 우선 애드몹 가입을 하자 https://admob.google.com/intl/ko/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com 가입 후 애드몹 대쉬보드에서 좌측의 앱 -> 앱 추가를 선택한다. 그 후 Android -> 아니오 선택 후 계속 앱 이름 입력 후 앱 추가 -> 앱 추가 완료 창에서 완료 - 앱 추가가 완료되면 해당 앱 개요로 이동된다. 이동된 앱 개요에서 좌측에 광고단위 -..

04. 프로젝트 만들기 + 기본 화면 띄어보기

1. 로또 시뮬레이터 앱 최종 화면 구성 이제 부터 본격적인 앱 만들기 돌입이다. 이번에 만들 로또 시뮬레이터의 최종 화면은 아래와같이 구성했다. 100% 아래와 같이 나오진 않겠지만, 일단 어떤 화면을 만드는지는 머리속에 생각하며 작업을 해야 해서 최종 화면을 우선적으로 그려보고 앱을 만드는 편이다. 그리고 개인적으로 이런 단순한 원페이지 하이브리드 형식의 앱을 만들 때 스크롤이 생기는걸 좋아하지 않아 최대한 한 화면에 간단하게 필요 한 것만 들어갈 수 있게 나름대로 고민하여 아래와 같이 구성 되었다. ps.현재 PC가 맥북이라 윈도우 PC와 화면이 다른 부분이 존재 할 수 있고 이것 저것 막히는 부분이 생길수 있으니 진행중 안되는 부분을 댓글로 문의 주시면 답변 달아 드리겠습니다. 그럼 이제 진짜로 ..

반응형