a

client/src/components/Room/ChannelList.js

 import ChannelSingle from './ChannelSingle'
 import { Link } from 'react-router-dom'
 import backward from '../../backward.png'
+import { useState } from 'react'
 
 const ChannelList = () => {
+
+  function copyLink(){
+    const copyLink=document.getElementById('copycode')
+    document.execCommand('copy');
+    console.log('너죽을래')
+
+  }
   return (
     <div>
       <nav className="navbar navbar-light d-flex justify-content-between">
@@ -50,7 +58,7 @@ const ChannelList = () => {
           <h5 className="col-6 offcanvas-title" id="offcanvasExampleLabel">
             음성 채널 목록
           </h5>
-          <h6 className="mt-2"> #ASV2AE985 </h6>
+          <button className="mt-2" id='copycode' onClick={copyLink()}> #ASV2AE985 </button>
           <button
             type="button"
             className="btn-close text-reset"