개요 사이드 프로젝트로 웹 디자인&개발을 하면서 Audio를 사용할 기회가 생겼다. 이번에는 "음악 스트리밍"을 주제로 웹 디자인을 하고, React로 개발까지 진행하였다. 본론 const [audio] = useState(new Audio(src)); 먼저, useState를 활용하여 React 컴포넌트의 상태로 오디오 요소를 관리하면 추가되는 기능 또는 초기화에 대해서 유지보수가 편할 것이라 생각한다. src에 들어가는 주소는 mp3파일이 프로젝트 폴더의 public 내에 위치한다면 '/song.mp3'를 넣으면 음악 파일을 불러올 수 있다. 본인은 src도 상태로 관리하고자 useState를 활용했다. // 본 개발에서 사용될 음악 목록 const song = ["Cruel Summer", "Sha..