refactor: Create OffScreenCanvas Test Code in Start Page Canvas

[dbjoung]

📂 작업 내용

closes #4

• 성능 최적화를 위한 리팩토링을 위해, Worker Thread와 OffScreenCanvas를 사용해보기로 하였습니다.
• 하지만 위 두 가지를 적용 시 실제로 어떤 부분이, 어떻게 최적화 되는 건 지 사전에 적용해볼 필요를 느꼈고, 비교적 기능이 단순한 시작 페이지의 태그에 적용하여 수치를 비교해보기로 했습니다.
• 그 수치 비교에 쓰인 테스트 코드입니다.

💡 자세한 설명

• BackgroundCanvas.tsx에 OffScreenCanvas 코드와 기존 코드가 함께 있음.
• drawingTestPoints.ts : 트래킹한 마우스 좌표
• drawingTest.ts : Web Worker에게 좌표를 전달하거나 pointsRef 배열에 좌표를 추가함
• getCanvasContextOnly : Canvas 객체만을 가져옴 (컨텍스트 X)

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

• 성능 비교 과정을 담은 기술 로그 : 웨베베베벱 Notion 포스팅

📢 리뷰 요구 사항 (선택)

🚩 후속 작업 (선택)

✅ 셀프 체크리스트

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

[github-actions]

📚 Storybook preview deployed to: Visit Storybook Preview

[github-actions]

📚 Storybook preview deployed to: Visit Storybook Preview

[github-actions]

🧹 Storybook preview for PR #5 has been removed.