Taemin's Portfolio

https://taeminchoe.github.io/

주요 기능

Scroll Event

• 헤더에 있는 키워드를 클릭하면 키워드에 해당하는 화면으로 스크롤 이동할 수 있도록 구현하였습니다.
• 사전에 React useRef, uesRef 배열, innerRef을 공부하면 더 이해가 빠를 수 있습니다.

Scroll Animation

• Scroll을 내려 해당 컨텐츠가 화면에 보일 때 애니메이션이 작동 하도록 구현하였습니다.
• 사전에 Custom React Hooks을 공부하면 더 이해가 빠를 수 있습니다.
• src/hooks/useScrollFadeIn.js 참조

Image Slider

• https://github.com/TaeminChoe/Slider_like_netflex

• 컴포넌트를 가져와 활용하였습니다. 설명은 위 링크에 있습니다.

• 하지만 다른 앱에서 활용하려고 하니 이미지 크기가 다를 경우, 의도와 다르게 표현될 수 있다는 것을 알았고, 이미지 크기에 영향이 없도록 추후 수정이 필요해 보입니다.