스파르타8 스파르타_5주차 (광고수익 등록-애드몹) 필수는 아니지만 수익을 위한 광고배너 넣는 작업 1. 애드몹 가입, 설정 https://apps.admob.com/v2/home AdMob 이메일 또는 휴대전화 accounts.google.com 프로젝트 명으로 생성하고 필수 인적사항 입력하기 2. 애드몹 앱에 설치하고 입력 expo install expo-ads-admob 1) 가로배너 적용하기 app.json 하단 추가 입력 부분 참고 "ios": { "supportsTablet": true, "buildNumber": "1.0.0", "bundleIdentifier": "본인 프로젝트명", "versionCode": 1, "config": { "googleMobileAdsAppId": "_____________" } }, 아이폰, 안드로이드폰 둘다.. 2022. 6. 6. 스파르타_4주차 (날씨 서버 외부API, 파이어베이스 준비과정) 1. 앱과 서버 연결하기 서버가 정한 규칙에 따라 요청을 하거나 데이터를 보내는 과정을 통해 응답을 받고, 출력하고, 구현하는 과정이 서버 연결이라고 볼 수 있겠다 www.sparta.com/getdata ←- 데이터 조회 API www.sparta.com/setData ←- 데이터 저장 API db.ref('/like/').on('value') ←- 데이터 조회 API db.ref('/like/').set(new_like); ←- 데이터 저장 API 리갱트 네이티브 앱에서 서버와 연결하는 방식 useEffect useEffect(()=>{ //서버 API 사용 //이 화면에서 사용 할 데이터 준비 등... },[]) 2. 날씨 서버 외부 API 사용 날씨 데이터를 제공해주는 일정 요청에 대해선 무료 A.. 2022. 6. 6. 스파르타_3주차 (각종 기능; 카테고리, 상태바, 네비게이션, 공유, 링크) 1. 카테고리 (category) 각각의 데이터들이 담긴 카테고리버튼을 만들어놓고 그 카테고리를 관리할 방식을 함수로 입력 const category = (cate) => { if(cate == "전체보기"){ setCateState(state) }else{ setCateState(state.filter((d)=>{ return d.category == cate })) } } Card.js 데이터엔 모든 정보들이 각각의 카테고리에 담아두고 메인페이지에서 각 버튼 별로 담긴 데이터들을 불러오도록 한다 2. 상태바 (Status Bar) 모바일 앱 위 상태바 변화를 줄 수 있다 - 먼저 VS Code에서 expo 상태바를 설치하기 expo install expo-status-bar - 메인페이지에서 상태바 .. 2022. 5. 23. 스파르타_3주차 (Component, Props, State, useState, useEffect) ▶ 리액트 네이티브 기본 구조 이해하기 1. 컴포넌트 (Component) 화면을 구성하는 전체 또는 일부분 각각의 요소들 1) 주요 포인트 화면 내에 쓸만한 UI. 요소를 조각내서 따로 저장해놓고 다른 페이지, 다른 작업에서 빠르게 불러오려는 목적이 크다고 보여짐 2) 컴포넌트화 하기 - Components 폴더 생성 - Card.js 파일 생성 Card.js 코드스피넷 예시) import React from "react" import {View,Text,Image,StyleSheet} from "react-native"; export default function Card({content}) { return ( {content.title} {content.desc} {content.date} ) } .. 2022. 5. 23. 이전 1 2 다음
