타자 연습 게임 시 효과음이 들어가면 좋겠다고 생각해서 무작정 넣어봤는데 dev 모드에서는 깔끔하게 잘되던 것이 build 하려고 하니 계속 Audio를 찾을 수 없다는 오류가 떴다. 알고 보니 Audio 객체는 클라이언트 컴포넌트에서만 사용할 수 있어서 next.js에서 build 초반에 Audio 객체가 없는 것으로 인식이 되어서 뜨는 오류였다. Audio 객체가 undefined가 아닐 때만 불러오는 useEffect훅을 작성하여 해결했다.

대분류
기능 구현
기록일자
2024/04/19 15:50
소분류
타자 연습
일정 분류
4주차