Merge pull request #14 from kichan05/master

2024.04.17-1

README.md

@@ -1,4 +1,4 @@
 # kichan.dev
 [바로가기](https://kichan.dev)
 
-React.js를 사용해서 개발되었습니다.
+React와 styled-components를 사용해서 개발되었습니다.

src/component/Alert.js

@@ -5,6 +5,8 @@ import {GoX, GoArchive} from "react-icons/go";
 import {IconButton} from "./IconButton";
 import {CSSTransition, TransitionGroup} from "react-transition-group";
 
+import Pin from "./../assets/ic_pin.png"
+
 const AlertStyle = styled.ul`
   display: inline-block;
   
@@ -58,6 +60,10 @@ const AlertMessageStyle = styled.li`
   .close-icon {
     opacity: 0;
     transition: 200ms;
+    
+    img {
+      width: 20px;
+    }
   }
   
   &:hover .close-icon {
@@ -100,8 +106,7 @@ const AlertMessage = ({state, message, timeout}) => {
             onClick={() => {
               clearTimeout(removeTimeOut.current)
             }}
-          ><GoArchive/></IconButton>
-          {/*todo : 압정 아이콘으로 변경*/}
+          ><img src={Pin} alt=""/></IconButton>
           <IconButton
             width={24}
             size={20}

src/component/Footer.js

@@ -24,7 +24,7 @@ const Footer = () => {
   return (
     <FooterStyle>
       <div ref={footerElement}>
-        개발・다자인 : 박희찬(kichan)
+        개발・디자인 : 박희찬(kichan)
         <p>오픈 소스 프로젝트 : <a href="https://github.com/kichan05/kichan.dev" target={"_blank"}>github.com/kichan05/kichan.dev</a></p>
       </div>
     </FooterStyle>