앱만들기5 5주차- 광고배너 적용, 마켓 배포 1. 애드몹 가입 후 설치 expo install expo-ads-admob 명령어를 통해 앱에도 애드몹 설치 2. 가로배너 달기 광고 id를 부여 받은 뒤, 적용한다. 3. 전면 배너 달기 전면 광고배너는 보고 싶은 팁을 눌렀을 때, 디테일 페이지를 보기 전에 광고를 볼 수 있게 전면 배너를 달아둔다. 그러면 Card.js에 전면 배너를 달면 된다. 하단 광고 배너를 달았을 때와 마찬가지로, 상단에 광고 도구를 추가해준다. 전면 배너는 AdMobInterstitial을 사용한다. useEffect(()=>{ //Card.js에 들어오자마자 전면 광고를 내보내야 하므로 useEffect에 설정해야 한다. //애드몹도 외부 API에 속하기 때문에, 실행 순서를 지키기 위해 async/await를 사용해야 .. 2021. 7. 2. 4주차-서버 1. 날씨 서버 api-현재 휴대폰 위치 가져오기 expo install expo-location 명령어를 통해 위치 도구 설치 *MainPage.js import React,{useState,useEffect} from 'react'; import main from '../assets/main.png'; import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView, Alert} from 'react-native'; import data from '../data.json'; import Card from '../components/Card'; import Loading from '../components/Loading'; import { St.. 2021. 6. 30. 3주차-앱 페이지 적용 1. DetailPage.js import React from 'react'; import { StyleSheet, Text, View, Image, ScrollView,TouchableOpacity,Alert } from 'react-native'; export default function DetailPage() { const tip = { "idx":9, "category":"재테크", "title":"렌탈 서비스 금액 비교해보기", "image": "https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2Frental.png?alt=media&token=97a55844-f077-4aeb-8402-e0a27221.. 2021. 6. 25. 2주차-expo를 이용해서 앱 화면 만들기 expo를 정상적으로 설치한 후에, expo start 명령어를 작성하면 위 처럼 서버 페이지가 나온다. 이 때, 핸드폰에 expo 어플이 설치되어 있다는 전제 하에 QR코드를 스캔하면 만들고 있는 어플이 나온다. 처음 어플의 화면은 위와 같이 아무것도 없는 상태로 나오게 된다. VS Code에서 어플을 만들 폴더를 생성하고, 기본 어플까지 생성한 상태이다. 좌측의 폴더 안에 있는 것들 중에서 App.js가 있는데, 여기서 앱 화면을 만들 수 있게 된다. 1. 아래는 View 코드이다. import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View } from 'react-nativ.. 2021. 6. 23. 이전 1 2 다음
