사용법이 간단하고 효율적인 리액트 컴포넌트용 카루셀 라이브러리인 pure-react-carousel를 사용하였습니다.
react-spring
UI 애니메이션을 위해 react-spring 라이브러리를 사용하였습니다.
google-analytics
마케팅 등에 활용하기 위해서 google-analytics를 script로 컴포넌트화 하여 적용하였습니다.
💥 트러블 슈팅
ISR 적용
정적인 포트폴리오 사이트로 속도가 중요하고 관리자가 데이터 업데이트시 즉각 반영되어야 했습니다. Next.js의 revalidatePath를 사용하여 on demand로 페이지가 업데이트되는 ISR을 적용했습니다.
R3F 사용
class로 Three.js를 구성하다보니 react의 선언형 프로그래밍 장점을 누릴 수가 없었습니다. 컴포넌트 형태로 개발하기 위해 react-three-fiber를 사용했습니다. 이에 따라 상대적으로 복잡한 class 대신 보다 react에 친화적인 방식으로 개발이 가능해졌습니다.
