diff --git a/app/frontend/src/components/Group/index.tsx b/app/frontend/src/components/Group/index.tsx
index 9058d98c..7a2cd7d1 100644
--- a/app/frontend/src/components/Group/index.tsx
+++ b/app/frontend/src/components/Group/index.tsx
@@ -27,6 +27,12 @@ export function Group({
   joined,
   owned = false,
 }: GroupProps) {
+  const onClickCopy = async () => {
+    if (accessCode) {
+      await navigator.clipboard.writeText(accessCode);
+    }
+  };
+
   return (
     <div className={styles.container}>
       <div className={styles.titleWrapper}>
@@ -45,7 +51,11 @@ export function Group({
         <div className={styles.code}>
           <span>초대 코드</span>
           <div className={styles.codeString}>{accessCode}</div>
-          <button type="button" className={styles.copyButton}>
+          <button
+            type="button"
+            className={styles.copyButton}
+            onClick={onClickCopy}
+          >
             <Copy width={24} height={24} fill={grayscale200} />
           </button>
         </div>