ver.2024 Hyeona's Portfolio
포트폴리오
기여도 100%
- 제작 기간2024.06
- 팀 구성개인 프로젝트
Next.js
Typescript
TailwindCSS
Zustand
React-Three-Fiber
Gsap
Notion API
Vercel
프로젝트 경험과 역량을 시각적으로 보여주기 위해 제작하였습니다.
Summary
plaiceholder 라이브러리를 활용하여 외부 이미지에 blurDataURL을 적용해 이미지를 최적화했습니다.
무료로 찾은 3D 강아지 풍선과 주사위 모델의 OBJ 파일을 GLB 형식으로 변환해 활용했습니다. 각 3D 모델에는 원하는 Matcap 텍스처를 적용했으며, 주사위에는 3D 텍스트를 직접 추가했습니다. 또한 @react-three/drei를 활용해 강아지 풍선 뒤에 텍스트를 배치했습니다.
메인 페이지의 Skills 스크롤 인터랙션과 마우스를 따라 움직이는 작은 원은 GSAP을 활용해 구현했습니다.
2025년 9월에 Notion API를 활용하여 블로그 페이지를 제작했습니다.
MORE PROJECTS
you might like
MORE PROJECTS
you might like
MORE PROJECTS
you might like
MORE PROJECTS
you might like
