From dadec42808a092bb239ea67b6437f6d5d75d5908 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=98=84=EC=A7=80?= <hyunji0483@naver.com>
Date: Thu, 16 Nov 2023 04:15:22 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20map=20rendering=20=EC=8B=9C=20key=20?=
 =?UTF-8?q?=EA=B0=92=20=EB=B6=80=EC=97=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Board/BoardList.tsx            | 4 ++--
 src/components/Project/ProjectImageSlider.tsx | 4 ++--
 src/components/Skill/SkillDetail.tsx          | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Board/BoardList.tsx b/src/components/Board/BoardList.tsx
index a112ecf..ef2d987 100644
--- a/src/components/Board/BoardList.tsx
+++ b/src/components/Board/BoardList.tsx
@@ -41,9 +41,9 @@ export function BoardList() {
     },[])
 
     function RenderBoardContent(){
-        const ReturnRenderBoardContentboard=board?.map((data)=>{
+        const ReturnRenderBoardContentboard=board?.map((data,id)=>{
             return(
-            <BoardContent author={data.author} content={data.content}></BoardContent>
+            <BoardContent key={id} author={data.author} content={data.content}></BoardContent>
             );
         })
         return ReturnRenderBoardContentboard;
diff --git a/src/components/Project/ProjectImageSlider.tsx b/src/components/Project/ProjectImageSlider.tsx
index 38bec17..56ace4a 100644
--- a/src/components/Project/ProjectImageSlider.tsx
+++ b/src/components/Project/ProjectImageSlider.tsx
@@ -100,9 +100,9 @@ function ProjectImageSlider(prop:ProjectImageSliderProp) {
     }
 
     const RenderImage=()=>{
-        const ReturnRenderImage=prop.imageList.map((image)=>{
+        const ReturnRenderImage=prop.imageList.map((image,id)=>{
             return(
-                <ImageDiv>
+                <ImageDiv key={id}>
                     <Image src={image}></Image>
                 </ImageDiv>
             )
diff --git a/src/components/Skill/SkillDetail.tsx b/src/components/Skill/SkillDetail.tsx
index 953c290..b870d5d 100644
--- a/src/components/Skill/SkillDetail.tsx
+++ b/src/components/Skill/SkillDetail.tsx
@@ -72,9 +72,9 @@ export function SkillDetail(subject:SkillDetailProps){
         Data=EtcSkillSet;
     }
     const ReturnRenderData=Data.map(
-        (data)=>{
+        (data,id)=>{
           return (
-            <SkillLogoAndName>
+            <SkillLogoAndName key={id}>
                 <SkillLogo src={data.img}></SkillLogo>
                 <SkillName>{data.title}</SkillName>
             </SkillLogoAndName>