[Dev_Log] 8/24 (화) 정제윤

### 오늘은 어떻게 프로젝트에 기여했나요?

- 버블 상세페이지 댓글에 마우스를 올리면 말풍선이 뜨는 효과
- 기타 페이지 반응형, CSS 수정

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* CSS를 수정할 때 클래스명이나 태그명을 제대로 인식하지 않는 경우들이 있어 시간이 오래 걸렸다.
* 버튼을 클릭하면 오디오가 재생되고, 다시 클릭하면 정지되는 기능을 구현하는 중 재생 기능은 잘 실행이 되는데 정지 기능을 실행시켰을 때
재생중인 오디오가 정지되지 않는 문제가 있었다. 스택 오버플로우의 한 답변을 보고 useRef를 써보아도 해결이 되지 않아 임시 방편으로 새로고침이 되어 오디오가 멈추게 해놓았다.

```js

const audio = new Audio(`${bubbleData.sound}`);

const handleStopSound = () => {
window.location.replace(`/bubble/${bubbleId}`);
// audio.pause();
// setIsPlaying(false);
};
const handlePlaySound = () => {
audio.play();
setIsPlaying(true);
};

```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [ ] 메인 피아노 페이지 기능 수정
* [ ] 기타 페이지 CSS 수정