* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

안녕하세요.

현재 3주차 숙제를 진행 중입니다.

가이드를 보기 전 제가 혼자 한 번 해결해보고 싶어서 만들어보고 있는데, 이상한 부분에서 막혀서 질문드립니다.

가이드를 보면 꿀팁 찜 데이터들을 아직 데이터베이스에 넣는 방법을 배우지 않았기 때문에 딕셔너리를 사용하라고 나와있습니다.

LikeCard.js 컴포넌트를 만들어서 LikePage.js에 넣으면 되는데

저는 LikePage.js 내부에서 딕셔너리를 선언하고 그 딕셔너리를 map함수로 읽은 뒤 Card컴포넌트에 넣어서 화면을 만들어보려고 했습니다.

설명이 어려운 것 같아 다시 말씀드리겠습니다.

1. LikePage.js 의 함수 내부에서 {tip: }딕셔너리 선언 (return()앞에)
2. View 태그안에서 {tip}딕셔너리를 map함수로 읽기
3. map함수로 해당 카드 컴포넌트를 화면안에 넣기

그런데 여기서 map함수가 안 돌아가네요.

MainPage.js에서 사용하던 그대로 넣었는데

LikePage를 들어가면

해당 에러가 발생합니다. (Uncaught Error)

구글링을 1시간째 해봐도 해결되지 않아 질문 남깁니다.

import React from "react";
import {
  StyleSheet,
  Text,
  View,
  Image,
  TouchableOpacity,
  ScrollView,
} from "react-native";
import * as Linking from "expo-linking";
import { useState, useEffect } from "react";
import Card from "../components/Card";


export default function LikePage({ navigation, route }) {
  const [tip, setTip] = useState([
    {
      idx: 3,
      category: "재테크",
      title: "잠자는 내 돈을 찾아라",
      image:
        "https://storage.googleapis.com/sparta-image.appspot.com/lecture/money1.png",
      desc: "‘새는 돈’에는 미처 몰랐던 카드 포인트, 휴면예금이나 환급금도 포함됩니다. 확실히 파악하지 못한 잠자는 돈을 찾아보고 자투리 돈들을 모으는 것도 중요합니다. 케이블방송, 위성방송 서비스를 이용하면서 중복 납부한 요금, 셋톱박스 보증금 등 돌려받지 않은 돈이 있는지 확인 해보세요. 또, 카드 포인트 통합 조회 서비스를 이용해 여러 개의 카드 포인트가 모두 얼마인지 체크해두는 것이 좋습니다. 보험해약 환급금, 휴면 보험금이나 휴면 예금을 찾아보고 돌려받는 일도 요즘에는 어렵지 않습니다.",
      date: "2020.09.09",
    },
    {
      idx: 4,
      category: "재테크",
      title: "할인행사, 한정할인판매 문구의 함정 탈출!",
      image:
        "https://storage.googleapis.com/sparta-image.appspot.com/lecture/money2.png",
      desc: "‘안 사면 100% 할인’이라는 말 들어보셨나요? 견물생심, 좋은 물건을 보면 사고 싶기 마련입니다. 특히 대대적인 ‘할인 행사’ 중인 대형 마트에 갔을 때는 말할 것도 없겠죠. 따라서 생필품을 살 때, 한꺼번에 사서 사용하는 것보다 필요할 때 조금씩 구매하는 편이 좋습니다. 장을 보면서 대형마트에 자주 가다 보면 지금 필요한 것뿐 아니라 앞으로 필요할 것까지 사게 되어 지출이 커지기 때문입니다. 특히 할인 품목을 보면 뜻하지 않은 소비를 하는 경우도 많아진다. 홈쇼핑, 대형마트 등의 ‘할인행사’, ‘한정할인판매’ 등의 문구를 조심하세요. ",
      date: "2020.09.09",
    },
  ]);


  return (
    <View style={styles.cardContainer}>
      {tip.map((content, i) => {
        return <Card content={content} key={i} navigation={navigation} />;
      })}
    </View>
  );
}


const styles = StyleSheet.create({
  cardContainer: {
    marginTop: 10,
    marginLeft: 10,
  },
});