[feat] 유니버설 아일랜드 인터랙션 추가 (resolve #21)

[lybell-art]

#️⃣ 연관 이슈

• [feat] 인터랙션-유니버셜아일랜드 #21

📝 작업 내용

유니버설 아일랜드 인터랙션을 추가했습니다.

• 반응형 웹을 지원합니다.
• 모든 로직은 useIslandDrag.js에 들어가 있습니다. 로직이 굉장히 복잡해서 분리했습니다.

드래깅/드래그 아웃 마운트를 관장하는 부분을 별도의 훅으로 분리해서 사용하기 쉽게 했습니다.

참고 이미지 및 자료

[darkdulgi]

good

[lybell-art]

테스트 방법

App.jsx에 다음과 같이 작성하세요.

import UnivasalIslandInteraction from "./interactions/univasalIsland/UnivasalIslandInteraction.jsx";
function App() {
  return (
    <div className="w-full h-dvh bg-black">
      <UnivasalIslandInteraction />
    </div>

해당 인터랙션 컴포넌트가 상위 컴포넌트의 width, height값을 따르고 있기 때문에 div로 따로 묶어줘야 합니다.