feat: behance property 유무에 따른 아이콘 렌더링

src/views/AboutPage/components/Member/Card/index.tsx

@@ -1,20 +1,12 @@
+import { ReactComponent as IcBehance } from '@src/assets/icons/ic_behance.svg';
 import { ReactComponent as IcGithub } from '@src/assets/icons/ic_github.svg';
 import { ReactComponent as IcLinkedin } from '@src/assets/icons/ic_linkedin.svg';
 import { ReactComponent as IcMail } from '@src/assets/icons/mail.svg';
 import NullImage from '@src/assets/images/null_image.png';
-import { PositionType } from '@src/lib/types/about';
+import { MemberType } from '@src/lib/types/about';
 import * as St from './style';
 
-type MeberCardProps = {
-  name: string;
-  position: PositionType;
-  description?: string;
-  currentProject: string;
-  imageSrc?: string;
-  gmail?: string;
-  linkedin?: string;
-  github?: string;
-};
+type MemberCardProps = Omit<MemberType, 'id'>;
 
 const MemberCard = ({
   name,
@@ -25,7 +17,8 @@ const MemberCard = ({
   gmail,
   linkedin,
   github,
-}: MeberCardProps) => {
+  behance,
+}: MemberCardProps) => {
   return (
     <St.Card>
       <St.ImageWrapper>
@@ -58,6 +51,11 @@ const MemberCard = ({
             <IcGithub />
           </St.AnchorIconWrapper>
         )}
+        {behance && (
+          <St.AnchorIconWrapper href={`https://www.behance.net/${behance}`} target="_blank">
+            <IcBehance />
+          </St.AnchorIconWrapper>
+        )}
       </St.LinkWrapper>
     </St.Card>
   );

src/views/AboutPage/components/Member/Section/index.tsx

@@ -41,6 +41,7 @@ const MemberSection = ({ generation, members }: MemberSectionProps) => {
               gmail,
               linkedin,
               github,
+              behance,
             }) => (
               <MemberCard
                 key={id}
@@ -52,6 +53,7 @@ const MemberSection = ({ generation, members }: MemberSectionProps) => {
                 gmail={gmail}
                 linkedin={linkedin}
                 github={github}
+                behance={behance}
               />
             ),
           )}