From 276aa182018bf5ca8623a1d4ed71217ea769cb77 Mon Sep 17 00:00:00 2001
From: presentKey <kim.hyeonjae4@gmail.com>
Date: Tue, 5 Mar 2024 21:15:32 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=9D=BC=EB=B6=80=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=EA=B0=80=20=ED=9D=B0=20=EB=B0=B0=EA=B2=BD?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=82=98=EC=98=A4=EB=8A=94=20=ED=98=84?=
 =?UTF-8?q?=EC=83=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/animes/components/AnimeCard/index.tsx    | 5 +----
 src/features/animes/components/AnimeCard/style.ts     | 2 +-
 src/features/animes/components/AnimeRanking/index.tsx | 7 ++-----
 src/features/animes/routes/List/index.tsx             | 3 ---
 4 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/features/animes/components/AnimeCard/index.tsx b/src/features/animes/components/AnimeCard/index.tsx
index f9b7d53c..645159e1 100644
--- a/src/features/animes/components/AnimeCard/index.tsx
+++ b/src/features/animes/components/AnimeCard/index.tsx
@@ -38,16 +38,13 @@ export default function AnimeCard({
   onClick,
   display = "default",
 }: AnimeCardProps) {
-  console.log("animCard");
-  console.log(title, thumbnail);
-
   return (
     <AnimeCardContainer
       onClick={(e: React.MouseEvent) => onClick(id, e)}
       display={display}
     >
       <div className="image-container">
-        <Image className="image" image={thumbnail || ""} />
+        <Image className="image" image={thumbnail} />
       </div>
       <InfoContainer>
         <Title>{title}</Title>
diff --git a/src/features/animes/components/AnimeCard/style.ts b/src/features/animes/components/AnimeCard/style.ts
index 6595ed83..9b579e68 100644
--- a/src/features/animes/components/AnimeCard/style.ts
+++ b/src/features/animes/components/AnimeCard/style.ts
@@ -52,7 +52,7 @@ export const Image = styled.div<ImageProps>`
   border-radius: 5px;
   ${({ image }) => css`
     background:
-      url(${image}),
+      url("${image}"),
       lightgray 50% no-repeat;
   `}
   background-size: cover;
diff --git a/src/features/animes/components/AnimeRanking/index.tsx b/src/features/animes/components/AnimeRanking/index.tsx
index 0031077a..9241b16a 100644
--- a/src/features/animes/components/AnimeRanking/index.tsx
+++ b/src/features/animes/components/AnimeRanking/index.tsx
@@ -51,9 +51,6 @@ export default function AnimeRanking({ title }: AnimeRankingProps) {
     }
   };
 
-  console.log("animeRanking");
-  console.log(animes);
-
   return (
     <>
       {isLoading && <AnimeRankingLoading />}
@@ -72,7 +69,7 @@ export default function AnimeRanking({ title }: AnimeRankingProps) {
                 {animes.map((ani, i) => (
                   <HighlightItemContainer key={ani.animeId}>
                     <HighlightItem
-                      image={ani.thumbnail || ""}
+                      image={ani.thumbnail}
                       data-anime-id={ani.animeId}
                       onClick={(e: React.MouseEvent) => handleClick(e)}
                     >
@@ -100,7 +97,7 @@ export default function AnimeRanking({ title }: AnimeRankingProps) {
               >
                 {animes.map((ani, i) => (
                   <SliderItem key={ani.animeId}>
-                    <SliderItemImage image={ani.thumbnail || ""}>
+                    <SliderItemImage image={ani.thumbnail}>
                       <Rank className="sub-carousel">{i + 1}</Rank>
                     </SliderItemImage>
                     <div>{ani.title}</div>
diff --git a/src/features/animes/routes/List/index.tsx b/src/features/animes/routes/List/index.tsx
index 2a0f41a7..d9c288b6 100644
--- a/src/features/animes/routes/List/index.tsx
+++ b/src/features/animes/routes/List/index.tsx
@@ -60,9 +60,6 @@ export default function AnimeList() {
     enabled: animesQuery.hasNextPage,
   });
 
-  console.log("uniqueAnimesQueryData");
-  console.log(uniqueAnimesQueryData.pages);
-
   return (
     <>
       <Head