Commit 98e723b3 authored by Kim, Subin's avatar Kim, Subin
Browse files

일반 search 완성

parent 28b903fe
...@@ -18,8 +18,8 @@ const SearchResult = () => { ...@@ -18,8 +18,8 @@ const SearchResult = () => {
async function findforKeyword() { async function findforKeyword() {
try { try {
setError("") setError("")
const { count, rows } = await movieApi.search(title) const { count, results } = await movieApi.search(title)
setResult([...rows]) setResult([...results])
} catch (error) { } catch (error) {
catchErrors(error, setError) catchErrors(error, setError)
} }
...@@ -30,9 +30,12 @@ const SearchResult = () => { ...@@ -30,9 +30,12 @@ const SearchResult = () => {
{result.length !== 0 ? ( {result.length !== 0 ? (
<> <>
<h3 className="text-white text-center my-5">'{title}' 관한 검색 결과입니다.</h3> <h3 className="text-white text-center my-5">'{title}' 관한 검색 결과입니다.</h3>
<MovieCard list={result} /> <div className="row row-cols-1 row-cols-md-4 g-4">
<MovieCard list={result} />
</div>
</> </>
) : <h3 className="text-white text-center my-5">'{title}' 관한 검색 결과가 존재하지 않습니다.</h3>} ) : <h3 className="text-white text-center my-5">'{title}' 관한 검색 결과가 존재하지 않습니다.</h3>
}
</> </>
) )
} }
......
...@@ -109,8 +109,8 @@ const remove = async (req, res) => { ...@@ -109,8 +109,8 @@ const remove = async (req, res) => {
const findforKeyword = async (req, res) => { const findforKeyword = async (req, res) => {
try { try {
console.log("req==", req.query)
const { title } = req.query const { title } = req.query
const movieIds = []
const { count, rows } = await Movie.findAndCountAll({ const { count, rows } = await Movie.findAndCountAll({
where: { where: {
title: { title: {
...@@ -118,8 +118,16 @@ const findforKeyword = async (req, res) => { ...@@ -118,8 +118,16 @@ const findforKeyword = async (req, res) => {
} }
} }
}); });
console.log("finds==", rows) if (rows) {
return res.json({ count, rows }) rows.forEach(movie => movieIds.push(movie.movieId))
const elements = await Promise.all(
movieIds.map(async (movieId) => {
const movie = await axios.get(`https://api.themoviedb.org/3/movie/${movieId}?api_key=${process.env.TMDB_APP_KEY}&language=ko-KR`)
return movie.data
})
)
return res.json({ count: movieIds.length, results: elements })
} else return res.json({ count: count, results: rows })
} catch (error) { } catch (error) {
return res.status(500).send(error.message || "영화 검색 중 에러 발생"); return res.status(500).send(error.message || "영화 검색 중 에러 발생");
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment