diff --git a/apps/web/pages/index.tsx b/apps/web/pages/index.tsx
index 7fa8e2a..7c970c1 100644
--- a/apps/web/pages/index.tsx
+++ b/apps/web/pages/index.tsx
@@ -7,6 +7,7 @@ import GenresApi from "@/entities/genres/api/genres-api";
import { reviewsQueryKeys } from "@/entities/reviews";
import ReviewsApi from "@/entities/reviews/api/reviews-api";
import { NowPlayingMovieList } from "@/features/get-now-playing-movie-list";
+import { NowPlayingMovieReviewList } from "@/features/get-now-playing-movie-review-list";
import { PopularMovieList } from "@/features/get-popular-movie-list";
import { UpcomingMovieList } from "@/features/get-upcoming-movie-list";
import { popularMovieListTitle } from "@/pages/home";
@@ -25,6 +26,17 @@ export default function Home({ dehydratedState }: InferGetServerSidePropsType
+
+
+
+
+ 리뷰
+
+
+
+
+
+
diff --git a/apps/web/src/features/get-now-playing-movie-list/ui/now-playing-movie-list/now-playing-movie-list.tsx b/apps/web/src/features/get-now-playing-movie-list/ui/now-playing-movie-list/now-playing-movie-list.tsx
index d0fee5c..c5c841b 100644
--- a/apps/web/src/features/get-now-playing-movie-list/ui/now-playing-movie-list/now-playing-movie-list.tsx
+++ b/apps/web/src/features/get-now-playing-movie-list/ui/now-playing-movie-list/now-playing-movie-list.tsx
@@ -12,8 +12,6 @@ const swiperBreakPoints: SwiperOptions["breakpoints"] = {
export function NowPlayingMovieList() {
const { data: nowPlayingMovieList, status: nowPlayingMovieListStatus } = useNowPlayingMovieListQuery();
- // useQueries(movieListQueries.nowPlayingMovieList());
-
if (nowPlayingMovieListStatus === "pending") {
return Loading...
;
}
diff --git a/apps/web/src/features/get-now-playing-movie-review-list/index.ts b/apps/web/src/features/get-now-playing-movie-review-list/index.ts
new file mode 100644
index 0000000..4aedf59
--- /dev/null
+++ b/apps/web/src/features/get-now-playing-movie-review-list/index.ts
@@ -0,0 +1 @@
+export * from "./ui";
diff --git a/apps/web/src/features/get-now-playing-movie-review-list/ui/index.ts b/apps/web/src/features/get-now-playing-movie-review-list/ui/index.ts
new file mode 100644
index 0000000..ce6939c
--- /dev/null
+++ b/apps/web/src/features/get-now-playing-movie-review-list/ui/index.ts
@@ -0,0 +1 @@
+export * from "./now-playing-movie-review-list/now-playing-movie-review-list";
diff --git a/apps/web/src/features/get-now-playing-movie-review-list/ui/now-playing-movie-review-list/now-playing-movie-review-list.tsx b/apps/web/src/features/get-now-playing-movie-review-list/ui/now-playing-movie-review-list/now-playing-movie-review-list.tsx
new file mode 100644
index 0000000..28c3708
--- /dev/null
+++ b/apps/web/src/features/get-now-playing-movie-review-list/ui/now-playing-movie-review-list/now-playing-movie-review-list.tsx
@@ -0,0 +1,35 @@
+import { Swiper, SwiperSlide } from "swiper/react";
+import { SwiperOptions } from "swiper/types";
+
+import { useNowPlayingMovieListReviewsQuery } from "@/entities/reviews";
+import { NowPlayingMovieReviewCard } from "@/entities/reviews";
+import { screenBreakPoints } from "@/shared/styles";
+
+const swiperBreakPoints: SwiperOptions["breakpoints"] = {
+ [parseInt(screenBreakPoints.sm)]: { slidesPerView: 2, spaceBetween: 12 },
+ [parseInt(screenBreakPoints.md)]: { slidesPerView: 3, spaceBetween: 16 },
+};
+
+export function NowPlayingMovieReviewList() {
+ const { data, status } = useNowPlayingMovieListReviewsQuery();
+
+ if (status === "pending") {
+ return Loading...
;
+ }
+
+ if (status === "error") {
+ return Error...
;
+ }
+
+ return (
+
+ {data.Reviews.map((review) => {
+ return (
+
+
+
+ );
+ })}
+
+ );
+}