https://github.com/hjinn0813/hjinn0813.github.io

2024.03~08 make github page for web portfolio
https://github.com/hjinn0813/hjinn0813.github.io

bootstrap css gsap html javascript

Last synced: about 2 months ago
JSON representation

2024.03~08 make github page for web portfolio

• Host: GitHub
• URL: https://github.com/hjinn0813/hjinn0813.github.io
• Owner: hjinn0813
• Created: 2024-03-07T02:22:42.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-11T07:24:14.000Z (5 months ago)
• Last Synced: 2024-08-12T07:52:48.034Z (5 months ago)
• Topics: bootstrap, css, gsap, html, javascript
• Language: HTML
• Homepage: https://hjinn0813.github.io/
• Size: 13.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Make web portfolio by github.io

개인의 기술 스택과 작업 내역 정리를 위해 기획 및 제작한 포트폴리오 사이트입니다.


코딩 공부 초기에 제작하여 순수 JS를 사용했고, 현재는 React로 리뉴얼된 페이지를 사용 중입니다!


리뉴얼된 페이지는 아래 레포를 확인해주세요!🙂

[![portfolio](https://github-readme-stats.vercel.app/api/pin/?username=hjinn0813&repo=portfolio)](https://github.com/hjinn0813/portfolio)




## 💻 배포주소

https://hjinn0813.github.io/

https://github.com/hjinn0813/hjinn0813.github.io/




## 👨‍🏫 프로젝트 소개

- **개발기간**: 2024.03.07 ~ 08.06

- **참여인원**: 1명




## 🛠 사용 기술

  ![HTML](https://img.shields.io/badge/HTML-E34F26?style=for-the-badge&logo=html5&logoColor=white)

  ![CSS](https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white)

  ![JS](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

  ![BOOTSTRAP](https://img.shields.io/badge/Bootstrap-7952B3?style=for-the-badge&logo=bootstrap&logoColor=white)

  ![GSAP](https://img.shields.io/badge/GSAP-88CE02?style=for-the-badge&logo=GreenSock&logoColor=white)

  ![LODASH](https://img.shields.io/badge/lodash-3492FF?style=for-the-badge&logo=lodash&logoColor=white)

  

  ![GIT](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white)

  ![GITHUB](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)

  ![VSCODE](https://img.shields.io/badge/VS_Code-007ACC?style=for-the-badge&logo=visual-studio-code&logoColor=white)

  ![prettier](https://img.shields.io/badge/Prettier-F7B93E?style=for-the-badge&logo=prettier&logoColor=black)




## 💻 주요 기능

- `About`에서 텍스트 타이핑 애니메이션

- 스크롤하면 Header가 자연스럽게 사라지는 기능 (GSAP)

- 내비게이션 바 hover시 언더라인 이벤트

- `프로젝트` 영역의 카드 플립 애니메이션

- 화면 우측 하단의 '탑 버튼' 기능

- 반응형 미디어쿼리 적용

### [사용기술 상세설명](https://hjinn0813.tistory.com/92)