• Blog
  • Projects
  • Resume
profile_image

Rano’s Portfolio

Period
2021.11.08 ~ 2021.11.20
Skills
GatsbyReactTypeScriptMaterial UI
Category
Project
Links
DeployGitHub개발 일지
Summary
Gatsby를 활용한 나만의 포트폴리오
thumbnail_image

저를 소개하며, 일부 프로젝트들을 작업하며 고민했던 점을 모아둔 Portfolio 프로젝트 입니다.

  • 모든 컴포넌트, 로직들을 재사용성을 생각하여 분리하는데 초점을 두었습니다.
  • 반응형과 애니메이션을 처음으로 깊이 있게 고민하며 제작한 프로젝트입니다.
  • React Context API를 활용하여 전역 상태관리를 하였습니다.

Animation
  • Intersection Observer를 활용하여 현재 보고있는 화면이 각 요소에 접근 시 Animation이 실행되도록 하였습니다.
  • 최상위 요소가 아닌 모든 자식 요소까지 애니메이션을 적용하도록 DFS 알고리즘을 활용하였습니다.