import { View, Text, ActivityIndicator } from 'react-native'; import React from 'react'; export default function FavoriteScreen() { return ( 로딩... ); } PlaceListView와 같이 파이어스토어에서 데이터를 가져온다. export default function FavoriteScreen() { const { user } = useUser(); const [favList, setFavList] = useState([]); useEffect(() => { user && getFav(); }, [user]); const getFav = async (del = false) => { setFa..

우선 데이터베이스만 사용할 경우 리액트랑 똑같기 때문에(리액트 네이티브) App으로 새 프로젝트를 만들지 않고 바로 기존 프로젝트 todoList 혹은 다른 프로젝트를 선택 ​ 우선 파이어스토어의 룰(규칙) 부터 살펴보자. 규칙의 날짜가 오버됬다면 우선 현재 날짜 이후로 간단히 수정해주고 프로젝트 완료후 규칙을 새로(인증등 적용)만들었다. 파이어베이스는 사용할려면 라이브러리를 설치해야한다. 파이어베이스를 설치한다. import { initializeApp } from "firebase/app"; import { getFirestore } from "firebase/firestore"; const firebaseConfig = { apiKey: process.env.EXPO_PUBLIC_FIREBASE_A..

현재 앱은 내가 있는 위치를 중심으로 검색이 된다. ​ 상단의 서치바를 검색할 경우 그 지역의 위도 경도를 얻어서 그 지역 위치로 검색되게 한다. ​ 우선 SearchBar 에 자동으로 나오는 주소를 클릭시 로케이션이 searchedLocation 으로 저장됨 { console.log("위치설정"); searchedLocation(details?.geometry?.location); }} ​ searchedLocation은 props로 상위 컴포넌트 HomeScreen 에서 가져옴 이때 HomeScreen의 searchedLocation을 이름없는 화살표 함수로 만드는데 이때 (위치)를 입력시 그 위치의 위도 경도를 로케이션에 저장한다. 그러면 로케이션에서 반경 5km으로 충전소를 찾아서 앱의 화면이 재..

GlobalApi.js에서 shortFormattedAddress추가하기 "places.evChargeOptions", "places.shortFormattedAddress", "places.photos", PlaceListView.jsx 생성 import { View, Text } from 'react-native'; import React from 'react'; export default function PlaceListView({placeList}) { return ( PlaceListView ); } HomeScreen.jsx 검색결과로 palceList 스테이트를 만듬 const [placeList, setPlaceList] = useState([]); //구글맵 서버에서 받은 resp.dat..

https://console.cloud.google.com/welcome/new?project=linear-rig-414323 Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 구글 클라우드 무료 시작하기 사용자 인증 정보 사용자 인증 정보 만들기로 api키를 발급한다. 사용설정된 API 및 서비스 에서 검색으로 두 개 사용 클릭한다. env파일 추가해서 api키 붙여넣기한다. Seacrbar에 적용 import { View, Text } from "react-native"; import { GooglePlacesAutocomplete } from "react-native-google-places-autocomplete"; import React..

문제 설명 다음은 중고거래 게시판 정보를 담은 USED_GOODS_BOARD 테이블입니다. USED_GOODS_BOARD 테이블은 다음과 같으며 BOARD_ID, WRITER_ID, TITLE, CONTENTS, PRICE, CREATED_DATE, STATUS, VIEWS은 게시글 ID, 작성자 ID, 게시글 제목, 게시글 내용, 가격, 작성일, 거래상태, 조회수를 의미합니다. 문제 USED_GOODS_BOARD 테이블에서 2022년 10월 5일에 등록된 중고거래 게시물의 게시글 ID, 작성자 ID, 게시글 제목, 가격, 거래상태를 조회하는 SQL문을 작성해주세요. 거래상태가 SALE 이면 판매중, RESERVED이면 예약중, DONE이면 거래완료 분류하여 출력해주시고, 결과는 게시글 ID를 기준으로 ..

문제 설명 ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, NAME, SEX_UPON_INTAKE는 각각 동물의 아이디, 생물 종, 보호 시작일, 보호 시작 시 상태, 이름, 성별 및 중성화 여부를 나타냅니다. 동물 보호소에 들어온 동물 이름 중 두 번 이상 쓰인 이름과 해당 이름이 쓰인 횟수를 조회하는 SQL문을 작성해주세요. 이때 결과는 이름이 없는 동물은 집계에서 제외하며, 결과는 이름 순으로 조회해주세요. 정답 SELECT NAME, COUNT(*) COUNT FROM ANIMAL_INS WHERE NAME IS NOT ..

문제 설명 다음은 어느 한 서점에서 판매중인 도서들의 도서 정보(BOOK), 판매 정보(BOOK_SALES) 테이블입니다. BOOK 테이블은 각 도서의 정보를 담은 테이블로 아래와 같은 구조로 되어있습니다. BOOK_SALES 테이블은 각 도서의 날짜 별 판매량 정보를 담은 테이블로 아래와 같은 구조로 되어있습니다. 문제 2022년 1월의 카테고리 별 도서 판매량을 합산하고, 카테고리(CATEGORY), 총 판매량(TOTAL_SALES) 리스트를 출력하는 SQL문을 작성해주세요. 결과는 카테고리명을 기준으로 오름차순 정렬해주세요. 정답 SELECT CATEGORY, SUM(S.SALES) TOTAL_SALES FROM BOOK B JOIN BOOK_SALES S ON B.BOOK_ID = S.BOOK_I..

문제 설명 다음은 종합병원의 진료 예약정보를 담은 APPOINTMENT 테이블 입니다. APPOINTMENT 테이블은 다음과 같으며 APNT_YMD, APNT_NO, PT_NO, MCDP_CD, MDDR_ID, APNT_CNCL_YN, APNT_CNCL_YMD는 각각 진료예약일시, 진료예약번호, 환자번호, 진료과코드, 의사ID, 예약취소여부, 예약취소날짜를 나타냅니다. 문제 APPOINTMENT 테이블에서 2022년 5월에 예약한 환자 수를 진료과코드 별로 조회하는 SQL문을 작성해주세요. 이때, 컬럼명은 '진료과 코드', '5월예약건수'로 지정해주시고 결과는 진료과별 예약한 환자 수를 기준으로 오름차순 정렬하고, 예약한 환자 수가 같다면 진료과 코드를 기준으로 오름차순 정렬해주세요. 정답 SELECT ..

https://moolgogiheart.tistory.com/88 이클립스 한글 깨짐/한글 오류 복구 이클립스 한글 깨짐/한글 오류 복구 이클립스로 작업을 하다보면 간혹가다 한글이나 특정 문자가 깨지는 현상을 볼 수 있습니다. 위와 같은 현상은 주로 인코딩이 'EUC-KR' 또는 'MS949'로 설정되어 moolgogiheart.tistory.com 위의 블로그와 같이 window -> preferences 에서 UTF-8로 변경