sosow0212

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

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

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

오류가 뜹니다..

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

선생님 질문이 있습니다.

<div style="color: #eeffff; background-color: #212121; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>import React, { useEffect, useState } from 'react';</div>
<div>import { FaCode } from "react-icons/fa";</div>
<div>import { API_URL, API_KEY, IMAGE_BASE_URL } from '../../Config';</div>
<div>import MainImage from './Sections/MainImage';</div>
<div>// npm run dev</div>
 
<div>function LandingPage() {</div>
 
<div> const [Movies, setMovies] = useState([])</div>
<div> const [MainMovieImage, setMainMovieImage] = useState(null)</div>
 
<div> useEffect(() => {</div>
<div> const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=en-US&page=1`;</div>
 
<div> fetch(endpoint)</div>
<div> .then(response => response.json())</div>
<div> .then(response => {</div>
<div> </div>
<div> console.log(response)</div>
 
<div> setMovies([response.results])</div>
<div> setMainMovieImage([response.results[0]])</div>
<div> })</div>
 
<div> }, [])</div>
 
<div> return (</div>
<div> <div style={{ width: '100%', margin: '0' }}></div>
 
<div>{/* Main Image */}</div>
<div>{MainMovieImage &&</div>
<div><MainImage</div>
<div> image={`${IMAGE_BASE_URL}w1280${MainMovieImage.backdrop_path}`}</div>
<div> title={MainMovieImage.original_title}</div>
<div> text={MainMovieImage.overview}</div>
<div> /></div>
<div>}</div>
 
<div><div style={{ width: '85%', margin: '1rem auto' }}></div>
 
<div><h2>Movies by latest</h2></div>
<div><hr /></div>
 
<div>{/* Movie Grid Cards */}</div>
 
<div></div></div>
 
<div><div style={{ display: 'flex', justifyContent: 'center' }}></div>
<div><button>Load More</button></div>
<div></div></div>
<div></div></div>
<div> )</div>
<div>}</div>
 
<div>export default LandingPage</div>
</div>
<div style="color: #eeffff; background-color: #212121; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">&nbsp;</div>
<div style="color: #eeffff; background-color: #212121; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">&nbsp;</div>
<div style="color: #eeffff; background-color: #212121; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">결과 출력이 안 돼요 ㅠㅠ</div>

sosow0212

Posts