img 폴더로 관리

client/src/components/Home/RoomSingle.js

@@ -6,7 +6,7 @@ import userApi from '../../apis/user.api';
 const RoomSingle = () => {
   const [roomNum, setRoomNum] = useState('')
   const [room, setRoom] = useState([])
-  const id = localStorage.getItem('user');
+  const roomId = localStorage.getItem('user');
   const channelId = 1
   const A = []
 
@@ -30,7 +30,7 @@ const RoomSingle = () => {
 
   return (
     <Link
-      to={`/room/${id}/${channelId}`}
+      to={`/room/${roomId}/${channelId}`}
       className="text-decoration-none text-dark"
     >
       <div

client/src/components/Room/Controller.js

 import ScreenSelect from './ScreenSelect'
-import video_btn from '../../videobtn.png'
-import speaker_btn from '../../speakerbtn.png'
-import mic_btn from '../../micbtn.png'
-import videooff_btn from '../../videooffbtn.png'
-import speakeroff_btn from '../../speakeroffbtn.png'
-import micoff_btn from '../../micoffbtn.png'
+import video_btn from '../../images/videobtn.png'
+import speaker_btn from '../../images/speakerbtn.png'
+import mic_btn from '../../images/micbtn.png'
+import videooff_btn from '../../images/videooffbtn.png'
+import speakeroff_btn from '../../images/speakeroffbtn.png'
+import micoff_btn from '../../images/micoffbtn.png'
 import React, { useState } from 'react';
 
 const Controller = () => {

client/src/components/Room/LeftHamburger.js

-import backward from "../../backward.png";
+import backward from "../../images/backward.png";
 import ChannelSingle from "./ChannelSingle";
 
 const LeftHamberger = () => {