분류 전체보기

서버리스 - 파이어베이스

오늘의 날씨 추가 오늘의 날씨를 추가하기위해서 필요한 것들. 위치 확인을 위한 expo-location 그리고 날씨 API 를 가져와야 할 axios const getLocation = async () => { //수많은 로직중에 에러가 발생하면 //해당 에러를 포착하여 로직을 멈추고,에러를 해결하기 위한 catch 영역 로직이 실행 try { //자바스크립트 함수의 실행순서를 고정하기 위해 쓰는 async,await await Location.requestPermissionsAsync(); const locationData= await Location.getCurrentPositionAsync(); const latitude = locationData['coords']['latitude'] const ..

import * as Location from "expo-location";

const getLocation = async () => { //수많은 로직중에 에러가 발생하면 //해당 에러를 포착하여 로직을 멈추고,에러를 해결하기 위한 catch 영역 로직이 실행 try { //자바스크립트 함수의 실행순서를 고정하기 위해 쓰는 async,await await Location.requestPermissionsAsync(); const locationData= await Location.getCurrentPositionAsync(); //현재 위치좌표를 가져오는 함수 console.log(locationData) } catch (error) { //혹시나 위치를 못가져올 경우를 대비해서, 안내를 준비합니다 Alert.alert("위치를 찾을 수가 없습니다.", "앱을 껏다 켜볼까요?"..

코드리뷰.

코드리뷰. . . . . . . . . . . . . . . . . . . . . . . . . .

혼자하기] Navigator 연결하여 페이지 이동

수정해야 할 페이지 StackNavigator 와 MainPage 과정 : 소개페이지 만들어넣기 -> 네비게이터를 이용해서 소개페이지로 이동하도록 연결 위치 확인 : 오늘의 날씨 아랫쪽에 위치해야함 넣어야할곳은 그림과 오늘의날씨 사이에 넣어야함. 구성은 버튼 + 텍스트 간단하게 버튼은 TouchableOpacity 텍스트는 Text 를 이용하면될듯함 버튼의 구성은 아래. 소개 페이지 스타일적용 하기. 소개 페이지 const styles= StyleSheet.create({ 에는 jjimpage: { width:100, height:50, padding:15, backgroundColor:"#20b2aa", borderColor:"deeppink", borderRadius:15, margin:7, alig..

ERR일기] @react-navigation/native 모듈을 찾을 수 없음.

정의되지 않음 모듈을 해결할 수 없음@ react-navigation /native...에서App.js: 프로젝트 내에서 @ react-navigation /native를 찾을 수 없습니다. Failed building JavaScript bundle. Unable to resolve module @react-navigation/native from F:\sparta-study\sparta-myhoney-tip-codeminy\App.js: @react-navigation/native could not be found within the project. 8 | //메인에 세팅할 네비게이션 도구들을 가져옵니다. > 9 | import {NavigationContainer} from '@react-navig..

리액트]중요한것 '화살표함수'

화살표함수를 그냥 아 그런가보다 하고 넘겼더니 계속 뭐지? 헷깔리게된다. 그냥 계속신경쓰여서 이해가 안된다. 화살표함수를 이용한 코드 const StackNavigator = () =>{ return ( //컴포넌트들을 페이지처럼 여기게끔 해주는 기능을 하는 네비게이터 태그를 선언합니다. //위에서 선언한 const Stack = createStackNavigator(); Stack 변수에 들어있는 태그를 꺼내 사용합니다. //Stack.Navigator 태그 내부엔 페이지(화면)를 스타일링 할 수 있는 다양한 옵션들이 담겨 있습니다. {/* 컴포넌트를 페이지로 만들어주는 엘리먼트에 끼워 넣습니다. 이 자체로 이제 페이지 기능을 합니다*/} ) } 원래 코드는 아래와 같지않았을까?? function St..

네비게이터이용하기 위해 설치하는 중..

너무 오래걸린다.. 과자까먹으면서.. 이러고있다..

expo- status bar 상태바설치, 네비게이터설치

expo install expo-status-bar 나만의 꿀팁 오늘의 날씨: {todayWeather + '°C ' + todayCondition} {category('전체보기')}}>전체보기 {category('생활')}}>생활 {category('재테크')}}>재테크 {category('반려견')}}>반려견

setState, setCateState, setReady

setState(tip) setCateState(tip) setReady(false) setState : 여기안에 초기페이지를 저장해놓음 setCateState 상태변경함수 리액트네이티브의 장점은 화면을 뿌려주는 것. 다시 불러오는것이아니라 화면을 다시 뿌리고 새로운 것을 거시기하는것.이 장점

코드리뷰가 중요하다.

import React,{useState,useEffect} from 'react'; import main from '../assets/main.png'; import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native'; import data from '../data.json'; import Card from '../components/Card'; import Loading from '../components/Loading'; export default function MainPage() { console.disableYellowBox = true; //return 구문 밖에서는 슬래시 두개 방식으로 주석 /..