숙제1번 라이크페이지.js에서 는 snapshot.val(); 다음 setTip(tip)인데 메인페이지.js코드에서는 snapshot.val(); 다음

  setState(tip)으로 다르던데 왜 다른가요~?

*라이크페이지.js코드

 console.log(userUniqueId) firebase_db.ref('/like/'+userUniqueId).once('value').then((snapshot) => { console.log("파이어베이스에서 데이터 가져왔습니다!!") let tip = snapshot.val(); setTip(tip)

* 메인페이지.js코드

import React,{useState,useEffect} from 'react';

import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';

const main = 'https://storage.googleapis.com/sparta-image.appspot.com/lecture/main.png'

import data from '../data.json';

import Card from '../components/Card';

import Loading from '../components/Loading';

import { StatusBar } from 'expo-status-bar';

import * as Location from "expo-location";

import axios from "axios"

import {firebase_db} from "../firebaseConfig"

export default function MainPage({navigation,route}) {

  //useState 사용법

  //[state,setState] 에서 state는 이 컴포넌트에서 관리될 상태 데이터를 담고 있는 변수

  //setState는 state를 변경시킬때 사용해야하는 함수

  //모두 다 useState가 선물해줌

  //useState()안에 전달되는 값은 state 초기값

  c

  const [cateState,setCateState] = useState([])

  //날씨 데이터 상태관리 상태 생성!

  const [weather, setWeather] = useState({

    temp : 0,

    condition : ''

  })

  //하단의 return 문이 실행되어 화면이 그려진다음 실행되는 useEffect 함수

  //내부에서 data.json으로 부터 가져온 데이터를 state 상태에 담고 있음

  const [ready,setReady] = useState(true)

  useEffect(()=>{

    navigation.setOptions({

      title:'나만의 꿀팁'

    })  

    //뒤의 1000 숫자는 1초를 뜻함

    //1초 뒤에 실행되는 코드들이 담겨 있는 함수

    setTimeout(()=>{

        firebase_db.ref('/tip').once('value').then((snapshot) => {

          console.log("파이어베이스에서 데이터 가져왔습니다!!")

          let tip = snapshot.val();

          setState(tip)