React 라이브러리를 사용하여 제작한 포트폴리오 사이트입니다.
소개글, 프로젝트 모음, 연락처로 구성되어있으며 pc에서 실행 가능합니다.
페이지마다 애니메이션 효과를 넣어 독특하고 재미있는 효과를 더하려 했습니다.
배포 주소 : https://many-yun.github.io/my-portfolio/
& git clone https://github.com/many-yun/my-portfolio.git
& npm i
& npm start
├─ public
└─ src
├─ asstes
├─ components
│ ├─ portfolio
│ │ ├─ Design.jsx
│ │ ├─ JsReact.jsx
│ │ └─ Publishing.jsx
│ ├─ GithubLink.jsx
│ ├─ HambergerMenu.jsx
│ ├─ PageTitle.jsx
│ └─ ScrollInfo.jsx
├─ pages
│ ├─ AboutMe.jsx
│ ├─ Contect.jsx
│ ├─ Portfolio.jsx
│ └─ Main.jsx
├─ styles
│ └─ reset.js
├─ utils
│ └─ theme.js
├─ App.js
└─ index.js
https://www.figma.com/file/rcT8sBg0H8d1Rv0Cvx5YNd/포트폴리오?type=design&node-id=0-1&t=KalfqSLyZSmPJ1AS-0
-
Router를 사용하니 배포 후 새로고침&뒤로가기 시 404 에러. 해결법 : browser router, 404.html 사용
출처 : https://hell-of-company-builder.tistory.com/m/275 -
Link or useNavigate 사용하여 링크 넘어갈 시 props 넘기기 https://rrecoder.tistory.com/101