refactor: Extract game logic to hooks/game

[choiseona]

📂 작업 내용

closes #54

• hooks/game에 게임 로직 관리

💡 자세한 설명

1. 게임 로직 hooks/game에 모으기

• 기존의 각 컴포넌트에 흩어져있던 게임 로직들을 hooks/game 폴더에 모았습니다.
• 전체적인 게임 로직 검토의 불편함과 컴포넌트 파일이 길어지는 문제를 해결했습니다.

2. 소켓 핸들러 중복 코드 개선

• 반복되는 소켓 핸들러 코드를 공통 헬퍼 함수로 통합하여 줄였습니다.

개선 전 (중복 코드)

// 모든 핸들러에서 반복되는 패턴
const socket = useSocketStore.getState().sockets.game;
if (!socket) throw new Error('Socket not connected');
return new Promise(() => {
 socket.emit('joinRoom', request);
});

개선 후

// 공통 로직을 헬퍼 함수로 추출
export const sendSocketMessage = (socketType, eventName, message) => {
  const socket = useSocketStore.getState().sockets[socketType];
  if (!socket) throw new Error(`${socketType} socket not connected`);
  return new Promise((resolve) => {
    socket.emit(eventName, message);
    resolve();
  });
};

// 각 핸들러는 한 줄로 간소화
  joinRoom: (message: JoinRoomRequest): Promise<void> => {
    return sendGameMessage('joinRoom', message);
  },

  updateSettings: (message: UpdateSettingsRequest): Promise<void> => {
    return sendGameMessage('updateSettings', message);
  },

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

https://band-channel-d23.notion.site/234e4aabe322802fa329c2218a9f80a7?source=copy_link

📢 리뷰 요구 사항 (선택)

🚩 후속 작업 (선택)

✅ 셀프 체크리스트

• PR 제목을 형식에 맞게 작성했나요?
• 이슈는 close 했나요?
• Reviewers, Labels를 등록했나요?
• 작업 도중 문서 수정이 필요한 경우 잘 수정했나요?
• 테스트는 잘 통과했나요?
• 불필요한 코드는 제거했나요?

[github-actions]

📚 Storybook preview deployed to: Visit Storybook Preview

[github-actions]

🚦 Lighthouse Audit Results

MainPage

Category Scores

Category	Score
performance	🟢 96
accessibility	🟢 100
best-practices	🟢 96
seo	🟢 92

Core Web Vitals & Metrics

Metric	Value	Score
FCP	1.5 s	🟢 96
LCP	2.7 s	🟡 85
TBT	0 ms	🟢 100
CLS	0	🟢 100
SI	1.5 s	🟢 100

LobbyPage

Category Scores

Category	Score
performance	🟡 68
accessibility	🟢 96
best-practices	🟢 96
seo	🟢 92

Core Web Vitals & Metrics

Metric	Value	Score
FCP	3.1 s	🔴 45
LCP	5.6 s	🔴 18
TBT	10 ms	🟢 100
CLS	0	🟢 100
SI	6.3 s	🔴 42

[dbjoung]

game 폴더 내에 관련 훅들 모아서 정리하니 훨씬 접근하기 편해진 것 같습니다.
고생하셨습니다..! 감사합니다. : )

[rhino-ty]

고생하셨습니다!

[github-actions]

🧹 Storybook preview for PR #55 has been removed.