다대다에서 member ?에 대한 prodct 리스트 조회 방법

Member 와 Product 객체 사이에 Link 라는 테이블을 만들어서 일대다 + 다대일 방식으로 관계를 맺어주고, 필요할 때에는 JPA 를 통해서 findByMemberAndProduct(Member member, Product product) 이런식으로 Link 테이블을 불러서 Link.product 리스트를 조회할 수 있을겁니다! 이게 바른 방법인지는 저도 정확히는 모르겠어서 조언 얻고 싶습니다^^

오류가 뜹니다..

오류 해결했습니다.. 제가 html 파일 안에 주석을 사용 했는데, 지우니 해결 됐습니다!

선생님 질문이 있습니다.

해결했습니다. 저랑 같은 오류가 나신 분들은 LandingPage.js 에서 fetch(endpoint) .then~~~ 부분에서 setMovies(...[response.results]); setMainMovieImage(...[response.results[0]]); 로 바꾸시면 해결 됩니다.

npm run dev 명령어 오류

import React, { useEffect, useState } from 'react'; import { FaCode } from "react-icons/fa"; import { API_URL, API_KEY, IMAGE_BASE_URL } from '../../Config'; import MainImage from './Sections/MainImage'; // npm run dev function LandingPage() { const [Movies, setMovies] = useState([]) const [MainMovieImage, setMainMovieImage] = useState(null) useEffect(() => { const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=en-US&page=1`; fetch(endpoint) .then(response => response.json()) .then(response => { console.log(response) setMovies([response.results]) setMainMovieImage([response.results[0]]) }) }, []) return ( div style={{ width: '100%', margin: '0' }}> {/* Main Image */} {MainMovieImage && MainImage image={`${IMAGE_BASE_URL}w1280${MainMovieImage.backdrop_path}`} title={MainMovieImage.original_title} text={MainMovieImage.overview} /> } div style={{ width: '85%', margin: '1rem auto' }}> h2>Movies by latesth2> hr /> {/* Movie Grid Cards */} div> div style={{ display: 'flex', justifyContent: 'center' }}> button>Load Morebutton> div> div> ) } export default LandingPage 결과 출력이 안 돼요 ㅠㅠ