참고 문서: https://chloecinders.com/blog/discord-widgets#setting-up-your-application-and-developer-portal

마지막 수정: 2026년 7월 6일 0시 12분

<aside> 💡

원활한 작업을 위해 PC로 진행하는 것이 좋습니다. 모바일 환경에서는 브라우저 개발자 콘솔을 사용할 수 없어 진행 과정을 모두 완료하기 어렵습니다.

</aside>

<aside> 💡

코드는 코드 블록 내 우측 상단의 복사 버튼을 이용해 주세요. 드래그해서 복사하는 경우, 줄 바꿈 처리가 될 수 있어 진행 중 오류가 발생할 수 있습니다.

</aside>

목차

1. 애플리케이션 생성
2. 위젯 생성 및 편집
3. 위젯 사용 등록
4. 프로필에 위젯 추가
5. 추가된 위젯 확인

부록

1. 위젯의 내용을 수정했다면?

1. 애플리케이션 생성

1. Discord Developer Portal 에서 애플리케이션을 생성하고 애플리케이션 이름을 설정(여기에서 설정한 이름이 위젯 이름이 됨)

2. 게임 > 소셜 SDK로 이동해 양식을 작성하고 제출 버튼을 클릭

3. 아래 코드를 **브라우저 개발자 도구(F12)**의 콘솔 탭에 붙여넣고 실행

   let _mods = webpackChunkdiscord_developers.push([[Symbol()],{},r=>r.c]);
   webpackChunkdiscord_developers.pop();
   
   let findByProps = (...props) => {
       for (let m of Object.values(_mods)) {
           try {
               if (!m.exports || m.exports === window) continue;
               if (props.every((x) => m.exports?.[x])) return m.exports;
   
               for (let ex in m.exports) {
                   if (props.every((x) => m.exports?.[ex]?.[x]) && m.exports[ex][Symbol.toStringTag] !== 'IntlMessagesProxy') return m.exports[ex];
               }
           } catch {}
       }
   }
   
   findByProps("getAll").getAll().find(e=>e.getName() === "ApexExperimentStore").createOverride("2026-03-widget-config-editor", 1)
   

4. 페이지를 새로 고치지 말고 사이드 바 상단의 ← 애플리케이션을 클릭한 뒤 다시 애플리케이션으로 복귀

2. 위젯 생성 및 편집