[#31] 툴 리스트 구현

primus-teoSprint · Apr 8, 2024 · aa528cb · aa528cb
1 parent 70bf37d
commit aa528cb
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/app/(route)/list/_components/nav/LIstCompo.tsx b/app/(route)/list/_components/nav/LIstCompo.tsx
@@ -18,8 +18,18 @@ function ListCompo() {
     <div>
       <div className={S.wrapper}>
         {resData?.map((data: Tool, index) => {
-          return <ToolCard title="" subTitle="" description="" toolImg="" />
+          return (
+            <ToolCard
+              title={data?.title || ''}
+              subTitle={data?.subTitle || ''}
+              description={data?.description || ''}
+              toolImg={data?.toolImg || ''}
+              toolId={index}
+              company={data?.company}
+            />
+          )
         })}
+        <span>데이터를 모두 불러왔습니다.</span>
       </div>
     </div>
   )

diff --git a/app/(route)/list/page.tsx b/app/(route)/list/page.tsx
@@ -6,8 +6,7 @@ function List() {
   return (
     <div>
       <Nav title="검증 툴 리스트" />
-      <ListCompo></ListCompo>
-      <span>데이터를 모두 불러왔습니다.</span>
+      <ListCompo />
     </div>
   )
 }

diff --git a/next.config.mjs b/next.config.mjs
@@ -4,6 +4,7 @@ const nextConfig = {
     domains: [
       'github.com',
       'stlab-storage-main.s3.ap-northeast-2.amazonaws.com',
+      'primus-storage-main.s3.ap-northeast-2.amazonaws.com',
     ], // 이미지 호스트를 여기에 추가합니다.
   },
 }