refactor: Refactoring Start Page

[dbjoung]

📂 작업 내용

closes #19

• 터치 이벤트의 getBoundingClient 값 메모리 캐싱
• MouseEvent → PointerEvent로 대체
• OffScreenCanvas 적용

💡 자세한 설명

1. 터치 이벤트의 getBoundingClient 값 메모리 캐싱
2. MouseEvent → PointerEvent로 대체
3. OffScreenCanvas 적용

위 세 가지 사항을 리팩토링해보는 걸로 목표를 세웠지만, 여러차례 확인 후 2번 사항만 반영하게 되었다.
자세한 과정은 참고 자료 항목의 기술로그를 참고.

구체적 작업 내역은 다음과 같다.

1. MouseEvent -> PointEvent 마이그레이션

• mouse & touch 이벤트를 통합된 이벤트에서 개발할 수 있게 됨.
• 필압, 터치 범위 등 데이터를 활용하여 더 다양한 이팩트를 적용할 수 있게 됨.

2. Puppeteer 라이브러리 설치

• 마우스 이벤트 트리거 시뮬레이션 가능

📗 참고 자료 & 구현 결과 (선택)

• 자세한 작업 과정은 아래 기술로그 참고
  기술로그 : 시작페이지 리팩토링

📢 리뷰 요구 사항 (선택)

🚩 후속 작업 (선택)

✅ 셀프 체크리스트

• [O] PR 제목을 형식에 맞게 작성했나요?
• [O] 브랜치 전략에 맞는 브랜치에 PR을 올리고 있나요? (main이 아닙니다.)
• [O] 이슈는 close 했나요?
• [O] Reviewers, Labels를 등록했나요?
• [O] 작업 도중 문서 수정이 필요한 경우 잘 수정했나요?
• [O] 테스트는 잘 통과했나요?
• [O] 불필요한 코드는 제거했나요?

[github-actions]

📚 Storybook preview deployed to: Visit Storybook Preview