https://my-website-iota-seven.vercel.app/

• Next.js와 리엑트에 대해 깊게 공부하며 이를 바탕으로 나만의 웹 포토폴리오 웹사이트 만들기.

• 제가 어떤 개발자이며 어떤 공부를 했는지 소개하는 포트폴리오 웹사이트 입니다.

• Next.js, React, PostCSS,

1. 타이핑애니메이션

• react-typical 라이브러리를 활용하여 구현하였습니다.

2. 스크롤애니메이션

• 리엑트 훅을 사용하여 하나의 컴포넌트로 만들어서 구현하였습니다. 또 한 useRef를 활용하여 각 컴포넌트마다 효과적으로 조작할 수 있도록 하였습니다.

3. 눈 내리는 효과 주기

• 각각의 함수를 만들어 하늘에서 눈이 내리는 효과를 만들었고 CSS keyframe 을 활용하여 좀 더 역동적으로 표현하였습니다.

4. 캐러셀

• slick-carousel 라이브러리를 활용하여 구현하였습니다.