[✨feat]: 카운트다운 효과음 추가

src/pages/GamePage/GameCode/GameCode.tsx

@@ -92,7 +92,7 @@ const GameCode = ({ publishIngame, userId }: GameCodeProps) => {
   const handleUpdateScore = useCallback(() => {
     const newScore = currentScore + scorePerSubmit;
     publishIngame('/info', { currentScore: newScore });
-    const sound = playSoundEffect();
+    const sound = playSoundEffect('SCORE');
     sound.play();
   }, [currentScore, scorePerSubmit]);
 

src/pages/GamePage/GameSentence/GameSentence.tsx

@@ -27,6 +27,8 @@ export interface I_RankInfoList {
 }
 
 const GameSentence = ({ publishIngame, userId }: GameSentenceProps) => {
+  const sound = playSoundEffect('SCORE');
+
   const { ingameRoomRes, isRoundWaiting } = useIngameStore();
 
   const currentScore = ingameRoomRes.allMembers.find(
@@ -41,6 +43,7 @@ const GameSentence = ({ publishIngame, userId }: GameSentenceProps) => {
   const handleNextRound = useCallback(() => {
     sentenceList.current = ingameRoomRes.questions!;
     setSentenceIdx(0);
+    sound.play();
   }, [ingameRoomRes.questions]);
 
   const {
@@ -93,7 +96,6 @@ const GameSentence = ({ publishIngame, userId }: GameSentenceProps) => {
     publishIngame('/info', {
       currentScore: newScore,
     });
-    const sound = playSoundEffect();
     sound.play();
   }, [currentScore, scorePerTrankLength]);
 

src/pages/GamePage/GameWord/WordGameLayout.tsx

@@ -5,6 +5,7 @@ import {
   I_IngameWsResponse,
   PublishIngameType,
 } from '../../GamePage/types/websocketType';
+import playSoundEffect from '../common/playSoundEffect';
 import useFocusInput from '../hooks/useFocusInput';
 import WordCell from './WordCell';
 import WordRankContainer from './WordRankContainer';
@@ -65,6 +66,7 @@ const WordGameLayout = ({
   useEffect(() => {
     onInputChange(0, 100, 150); //동기화..
   }, [ingameRoomRes]);
+  const sound = playSoundEffect('SCORE');
 
   return (
     <>
@@ -99,6 +101,7 @@ const WordGameLayout = ({
               setValue('wordInput', '');
               initializeTyping();
               submitCount.current += 1;
+              sound.play();
             })}>
             <input
               autoFocus

src/pages/GamePage/common/RoundWaitModal.tsx

@@ -2,6 +2,7 @@ import * as Dialog from '@radix-ui/react-dialog';
 import { useEffect } from 'react';
 import { convertTime } from '@/common/Timer/utils/convertTime';
 import useTimer from '@/hooks/useTimer';
+import playSoundEffect from './playSoundEffect';
 
 interface RoundWaitModalProps {
   isOpen: boolean;
@@ -17,9 +18,12 @@ const RoundWaitModal = ({ isOpen, onTimeFinish }: RoundWaitModalProps) => {
     },
     autoStart: false,
   });
-
+  const sound = playSoundEffect('COUNTDOWN');
   useEffect(() => {
-    isOpen && startTimer();
+    if (isOpen) {
+      startTimer();
+      sound.play();
+    }
   }, [isOpen]);
 
   return (

src/pages/GamePage/common/playSoundEffect.ts

@@ -1,9 +1,11 @@
 import { Howl } from 'howler';
+import countDown from '@/assets/audio/countDown.mp3';
 import soundEffect from '@/assets/audio/soundEffect.mp3';
 
-const playSoundEffect = () => {
+const playSoundEffect = (type: 'SCORE' | 'COUNTDOWN') => {
+  const src = type === 'SCORE' ? soundEffect : countDown;
   const sound = new Howl({
-    src: [soundEffect],
+    src: [src],
   });
   return sound;
 };