Top 31 디스코드 서버 위젯 The 115 Top Answers

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 디스코드 서버 위젯 on Google, you do not find the information you need! Here are the best content compiled and compiled by the https://chewathai27.com/to team, along with other related topics such as: 디스코드 서버 위젯 디스코드 서버 꾸미기, 디스 코드 서버 운영, 디스 코드 서버 설정, 디스 코드 디자인, 디스 코드 움직이는 서버 아이콘, 디스 코드 서버 변경, 디스 코드 서버 만들기, 디스코드 서버 초대 배경


누구나 따라할 수 있는 디스코드 서버 꾸미기 – 환영 카드, 리액션 롤, 서버 설정 설명
누구나 따라할 수 있는 디스코드 서버 꾸미기 – 환영 카드, 리액션 롤, 서버 설정 설명


커스텀 디자인의 디스코드 위젯 사용하기 – 팁 게시판 – XETOWN

  • Article author: xetown.com
  • Reviews from users: 33782 ⭐ Ratings
  • Top rated: 4.6 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 커스텀 디자인의 디스코드 위젯 사용하기 – 팁 게시판 – XETOWN 다운받은 파일을 원하는 위치 ( 서버 ) 에 업로드 해주세요. 3. 설명서를 보면 적혀있는 html 코드를 수정해서 넣으면 작동한다고 되어있습니다.
  • Most searched keywords: Whether you are looking for 커스텀 디자인의 디스코드 위젯 사용하기 – 팁 게시판 – XETOWN 다운받은 파일을 원하는 위치 ( 서버 ) 에 업로드 해주세요. 3. 설명서를 보면 적혀있는 html 코드를 수정해서 넣으면 작동한다고 되어있습니다.
  • Table of Contents:
커스텀 디자인의 디스코드 위젯 사용하기 - 팁 게시판 - XETOWN
커스텀 디자인의 디스코드 위젯 사용하기 – 팁 게시판 – XETOWN

Read More

웹사이트에 Discord 위젯을 추가하는 방법

  • Article author: ko.101-help.com
  • Reviews from users: 12142 ⭐ Ratings
  • Top rated: 3.2 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 웹사이트에 Discord 위젯을 추가하는 방법 Discord 위젯 덕분에 Discord 를 자신의 사이트에 포함할 수 있어 사용자가 (Discord)Discord 서버(your Discord server) 에서 누가 온라인 상태인지 확인하고 메시지를 … …
  • Most searched keywords: Whether you are looking for 웹사이트에 Discord 위젯을 추가하는 방법 Discord 위젯 덕분에 Discord 를 자신의 사이트에 포함할 수 있어 사용자가 (Discord)Discord 서버(your Discord server) 에서 누가 온라인 상태인지 확인하고 메시지를 … Discord 플랫폼은 온라인에서 함께 커뮤니티를 만드는 데 적합하지만 플랫폼을 사용하려면 회원이 Discord 자체를 열어야 합니다. Discord 위젯 덕분에 Discord를 자신의 사이트에 포함할 수 있으므로 사용자가 Discord 서버에서 누가 온라인 상태인지 확인하고 메시지를 직접 게시하는 등의 작업을 할 수 있습니다.
  • Table of Contents:

Discord 위젯이란 무엇이며 어떻게 사용할 수 있습니까(What Is a Discord Widget and How Can It Be Used)

표준 Discord 서버 위젯 포함(Embedding a Standard Discord Server Widget)

WidgetBot을 사용하여 사용자 정의 Discord 위젯 만들기(Creating Custom Discord Widgets Using WidgetBot)

Discord 위젯 사용하기(Making Use of Discord Widgets)

What Is a Discord Widget and How Can It Be Used

Embedding a Standard Discord Server Widget

Creating Custom Discord Widgets Using WidgetBot

Making Use of Discord Widgets

Related posts

웹사이트에 Discord 위젯을 추가하는 방법
웹사이트에 Discord 위젯을 추가하는 방법

Read More

위젯봇(WidgetBot)으로 블로그에 디스코드 채팅 위젯 달기

  • Article author: learningaboutmyself.tistory.com
  • Reviews from users: 36066 ⭐ Ratings
  • Top rated: 3.7 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 위젯봇(WidgetBot)으로 블로그에 디스코드 채팅 위젯 달기 디스코드에서 기본적으로 제공되는 위젯을 처음에 시도해봤습니다. 근데 이건 일단 너무 덩치가 크고요.. 채팅창이 아니라 서버 멤버 목록을 보여주는 … …
  • Most searched keywords: Whether you are looking for 위젯봇(WidgetBot)으로 블로그에 디스코드 채팅 위젯 달기 디스코드에서 기본적으로 제공되는 위젯을 처음에 시도해봤습니다. 근데 이건 일단 너무 덩치가 크고요.. 채팅창이 아니라 서버 멤버 목록을 보여주는 … 디스코드 채팅 위젯이 필요하게 된 이유 (위젯봇 사용법만 궁금하신 분들은 넘어가셔요) 블로그를 보러 와주시는 분들 중에 종종 개인적으로 질문을 하고싶어 하시는 경우가 있습니다. 그러면 보통 비밀댓글로 상..
  • Table of Contents:

고정 헤더 영역

메뉴 레이어

검색 레이어

상세 컨텐츠

위젯봇의 발견

태그

추가 정보

페이징

티스토리툴바

위젯봇(WidgetBot)으로 블로그에 디스코드 채팅 위젯 달기
위젯봇(WidgetBot)으로 블로그에 디스코드 채팅 위젯 달기

Read More

Discord 위젯이란 무엇입니까? | 디스 코드 위젯 오늘 업데이트

  • Article author: ko.maxfit.vn
  • Reviews from users: 26588 ⭐ Ratings
  • Top rated: 4.6 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about Discord 위젯이란 무엇입니까? | 디스 코드 위젯 오늘 업데이트 이에 대한 추가 정보 디스 코드 위젯 주제에 대해서는 다음 문서를 참조 … Discord wgets are a fancy way of adding your discord server to a … …
  • Most searched keywords: Whether you are looking for Discord 위젯이란 무엇입니까? | 디스 코드 위젯 오늘 업데이트 이에 대한 추가 정보 디스 코드 위젯 주제에 대해서는 다음 문서를 참조 … Discord wgets are a fancy way of adding your discord server to a …
  • Table of Contents:

주제에 대한 비디오 보기 디스 코드 위젯

Discord 위젯이란 무엇입니까 – 디스 코드 위젯 및 이 주제에 대한 세부정보

키워드 정보 디스 코드 위젯

콘텐츠에 대한 이미지 디스 코드 위젯

주제에 대한 기사 평가 디스 코드 위젯

기사의 키워드 Discord 위젯이란 무엇입니까

Recent Posts

Recent Comments

Discord 위젯이란 무엇입니까? | 디스 코드 위젯 오늘 업데이트
Discord 위젯이란 무엇입니까? | 디스 코드 위젯 오늘 업데이트

Read More

💬 WidgetBot – 디스코드 채팅 방을 블로그에 달자!

  • Article author: discordbot.tistory.com
  • Reviews from users: 16748 ⭐ Ratings
  • Top rated: 4.0 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 💬 WidgetBot – 디스코드 채팅 방을 블로그에 달자! 디스코드 오픈 채팅 위젯을 블로그에 달아봅시다. 블로그를 이용하는 사람과 바로바로 디스코 … 또 위 링크를 눌러 Feed & Back 서버에 들어오시면 …
  • Most searched keywords: Whether you are looking for 💬 WidgetBot – 디스코드 채팅 방을 블로그에 달자! 디스코드 오픈 채팅 위젯을 블로그에 달아봅시다. 블로그를 이용하는 사람과 바로바로 디스코 … 또 위 링크를 눌러 Feed & Back 서버에 들어오시면 디스코드 오픈 채팅 위젯을 블로그에 달아봅시다  블로그를 이용하는 사람과 바로바로 디스코드로 대화할 수 있게, 디코 채팅방을 블로그에 달고 싶다는 생각 하신 적 있나요? 그런 생각을 하신적 없으셔도 상관..
  • Table of Contents:

디스코드 오픈 채팅 위젯을 블로그에 달아봅시다

위젯 봇 기능 미리보기

위젯 봇 설치하기 (WidgetBot 사용법)

게스트 모드(guest mode) 설정하기

추가1) 위젯봇이 오류가 일어날 경우

추가2) 위젯봇 위에 메시지 띄우기

마치며

태그

관련글

댓글2

공지사항

최근글

인기글

최근댓글

태그

티스토리툴바

💬 WidgetBot - 디스코드 채팅 방을 블로그에 달자!
💬 WidgetBot – 디스코드 채팅 방을 블로그에 달자!

Read More

[Discode] 디스코드 서버, 채널 설정하기 :: 게임을 좋아하던 아이

  • Article author: neorocal.tistory.com
  • Reviews from users: 3164 ⭐ Ratings
  • Top rated: 3.1 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about [Discode] 디스코드 서버, 채널 설정하기 :: 게임을 좋아하던 아이 여기에서 이모지를 업로드 하면 채팅 채널에서 글자와 기본 이모티콘 외에 여기에서 업로드한 이모지도 사용할 수가 있게 됩니다. 8. 위젯. 위젯을 사용 … …
  • Most searched keywords: Whether you are looking for [Discode] 디스코드 서버, 채널 설정하기 :: 게임을 좋아하던 아이 여기에서 이모지를 업로드 하면 채팅 채널에서 글자와 기본 이모티콘 외에 여기에서 업로드한 이모지도 사용할 수가 있게 됩니다. 8. 위젯. 위젯을 사용 … 디스코드 서버, 채널 설정하기  지난번에 게임할 때 많이들 사용하는 음성 채팅 프로그램인 디스코드에 대해 기본적인 것을 알려드렸죠. 디스코드를 설치하는 방법과 가입하는 방법, 그리고 디스코드를 사용하기..늑대발자국어릴적 게임을 좋아했던 아이가 성장해서 사회인이 되었습니다
  • Table of Contents:
[PC&모바일]프로그램 활용

티스토리툴바

[Discode] 디스코드 서버, 채널 설정하기 :: 게임을 좋아하던 아이
[Discode] 디스코드 서버, 채널 설정하기 :: 게임을 좋아하던 아이

Read More

[React ] React에서 디스코드 오픈채팅 위젯 만들기!

  • Article author: gisastudy.tistory.com
  • Reviews from users: 7645 ⭐ Ratings
  • Top rated: 3.5 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about [React ] React에서 디스코드 오픈채팅 위젯 만들기! 디스코드 위젯 봇이 있는 채널에서 “??crate” 를 입력해주세요. 그러면 아래와 같이, 봇으로 부터 script 코드를 받을 수 있습니다. 3. …
  • Most searched keywords: Whether you are looking for [React ] React에서 디스코드 오픈채팅 위젯 만들기! 디스코드 위젯 봇이 있는 채널에서 “??crate” 를 입력해주세요. 그러면 아래와 같이, 봇으로 부터 script 코드를 받을 수 있습니다. 3. [React] React에서 디스코드 오픈채팅 위젯 만들기 !  안녕하세요 이번 포스팅에서는 , React프로젝트에 디스코드 오픈채팅 위젯을 만드는 과정에 대해 알아보겠습니다. Q 디스코드 오픈채팅 위젯이 뭔가요..
  • Table of Contents:

티스토리 뷰

[React] React에서 디스코드 오픈채팅 위젯 만들기 !

[ 디스코드 오픈채팅 위젯 만들기 ]

티스토리툴바

[React ] React에서 디스코드 오픈채팅 위젯 만들기!
[React ] React에서 디스코드 오픈채팅 위젯 만들기!

Read More


See more articles in the same category here: https://chewathai27.com/to/blog.

커스텀 디자인의 디스코드 위젯 사용하기

게임을 자주 하시는 회원분들은 디스코드를 많이 사용하실텐데

활동 사항이나 인원을 보여주려고 웹사이트에 위젯을 올려놓는 분들도 많을겁니다.

그런데 뭔가 기본 디자인의 위젯은 사이트랑 잘 어울리지도 않고, 커스텀을 하고 싶은데 할 수도 없죠..?

그래서 이번에 커스텀 디자인의 위젯을 사용하는 방법을 올려봅니다.

일단, 이건 디스코드에서 기본적으로 제공하는 위젯입니다.

크게 튀거나 복잡한 디자인은 아니지만 사이트에서 일관적인 디자인을 보여줄때는 수정할 필요가 있지요..

1. 자,, 그러면 커스텀 위젯을 위해서는

http://discord.deliriousdrunkards.com/

https://github.com/RestingCoder/discord-widget

이 두 사이트에 접속하시고, 깃허브 에서 모든 파일을 다운로드 해주세요.

( 자체적으로 제공하는 iframe 기능으로 그냥 사용할수도 있지만, 다운로드를 해야 커스텀이 가능합니다 )

2. 다운받은 파일을 원하는 위치 ( 서버 ) 에 업로드 해주세요.

3. 설명서를 보면 적혀있는 html 코드를 수정해서 넣으면 작동한다고 되어있습니다.

여기서 discord-widget.min.js 가 적힌 부분을 수정해주셔야 하는데

아까 2번에서 다운로드 받은 파일을 서버에 업로드 하라고 했었죠?

올려놓은 폴더에서 discord-widget.min.js 파일을 찾아 해당 파일 주소를 저기에 입력해주세요.

예제 ) src=”https://www.tigrisfleet.com/modules/discord/discord-widget.min.js”>

4. 그리고 “디스코드 서버 – 설정 – 위젯”에 들어가면 서버 ID가 적혀있습니다.

저 위 serverid 라고 적혀있는 부분을 자기 서버 ID로 수정해주세요.

5. 모든 파일을 받았다고는 하지만 아직 CSS 코드를 받지 않았습니다.

http://cdn.jsdelivr.net/discord-widget/latest/dark.min.css

이건 기본적으로 제공되는 파일이 아닌지라 링크에 들어가서, 코드를 복사해서, css 파일을 만들어줘야 합니다.

파일을 만들었으면 아까 2번 과정과 같이 적당한 위치에 업로드를 해주세요.

6. 이제 서버에 업로드했던 discord-widget.min.js 파일을 수정할 시간입니다.

switch(b.theme){case”dark”:k=”dark.min.css”;break;case”light”:k=”light.min.css”;break;case”none”:k=”none.min.css”;break;default:k=”light.min.css”}$(“head”).append(‘‘)

이건 제 사이트 설정인데요, href=”https://www.tigrisfleet.com/modules/discord/css/dark.min.css”

밑줄쳐놓은 부분 링크를 아까 업로드했던 css 파일 주소로 바꿔주시고 저장해주시면 됩니다.

7. 이렇게 하면 개발자가 제공한 CDN 서버가 아니라, 자기 서버에서 파일을 받아오기 때문에

discord-widget.min.js 파일과 dark.min.css 파일을 수정함으로써 커스텀 위젯을 만들수가 있습니다.

잘 수정을 하면 아까 보라색의 위젯 대신 이렇게 커스텀 위젯을 사용할수가 있지요.

제가 전문 개발자는 아닌지라,, 설명이 좀 난해할수도 있는데 많은 도움 됬으면 좋겠습니다.

웹사이트에 Discord 위젯을 추가하는 방법

Discord 플랫폼 은 온라인에서 함께 커뮤니티를 만드는 데 적합하지만 플랫폼을 사용하려면 회원이 Discord 자체를 열어야 합니다. Discord 위젯 덕분에 Discord 를 자신의 사이트에 포함할 수 있어 사용자가 (Discord)Discord 서버(your Discord server) 에서 누가 온라인 상태인지 확인하고 메시지를 직접 게시하는 등의 작업을 할 수 있습니다.

사이트에 Discord(Discord) 서버 위젯을 추가할 수 있는 몇 가지 방법이 있습니다 . 가장 쉬운 방법은 Discord 의 자체 위젯 시스템을 사용하는 것이지만 이것은 아주 기본적인 것입니다. 더 고급 기능이 필요한 경우 WidgetBot(WidgetBot) 과 같은 타사 대안을 살펴봐야 할 수 있습니다 . 웹사이트에 Discord(Discord) 위젯을 추가하기 위해 알아야 할 사항은 다음과 같습니다 .

Discord 위젯이란 무엇이며 어떻게 사용할 수 있습니까?(What Is a Discord Widget and How Can It Be Used?)

Discord 위젯은 웹사이트의 페이지에 통합할 수 있는 Discord 클라이언트 의 포함된 버전입니다. 사용하는 위젯 유형에 따라 회원 및 채널 목록이 표시되고, 새 사용자에게 빠른 초대 링크를 제공하고, 사용자가 Discord 웹사이트를 방문하거나 클라이언트를 사용하지 않고 직접 채팅할 수 있습니다.

내장 위젯은 서버용 광고 도구로, 사이트를 통해 회원을 과시하고 새로운 회원을 확보할 수 있습니다. 그러나 통합 초대 링크를 사용하여 가입하는 것 외에는 메시지를 보내거나 서버와 상호 작용할 수 없습니다.

고급 위젯을 사용하려는 경우 WidgetBot(WidgetBot) 이라는 타사 대안을 사용할 수 있습니다 . WidgetBot 은 (WidgetBot)Discord 클라이언트 와 거의 유사하여 사용자가 로그인하고, 메시지를 보내고, 채널을 전환하고, Discord 가 제공하는 모든 것을 사용할 수 있습니다. 이 모든 것이 사이트에 포함된 위젯 내에서 이루어집니다.

WidgetBot 의 설정 프로세스 는 조금 더 복잡하지만 Discord의 자체 위젯 시스템보다 사용자에게 더 기능적인 대안을 제공합니다. 두 가지 유형의 위젯을 사용하면 서버 소유자가 새로운 사용자에게 서버를 빠르게 광고할 수 있지만 유사한 마케팅 기능을 제공하지 않는 Slack보다 더 나은 대안이 됩니다.(alternative than Slack)

표준 Discord 서버 위젯 포함(Embedding a Standard Discord Server Widget)

표준 Discord(Discord) 서버 위젯을 웹사이트 에 추가하는 데는 두 단계가 있습니다. 먼저 위젯을 활성화한 다음 Discord 의 서버 설정에서 자동 생성된 (Discord)HTML 코드 를 복사 하여 웹사이트에 삽입해야 합니다.

시작하려면 Discord 웹사이트 또는 데스크톱 클라이언트를 열고 로그인한 다음 왼쪽에 있는 서버 아이콘에서 서버를 선택하세요. 채널 목록 상단에서 서버 이름을 선택한 다음 드롭다운 메뉴에서 서버 설정 을 선택합니다.(Server Settings)

디스 코드(Discord) 설정 메뉴에서 위젯(Widget) 을 선택하세요 . 서버에서 위젯을 활성화하려면 서버 위젯 활성화 슬라이더를 선택하여 (Enable Server Widget)켜기(On) 위치(녹색)에 놓습니다 .

서버에 대해 활성화된 서버 위젯을 사용하여 이제 필요한 HTML 코드를 복사하여 웹사이트에 포함할 수 있습니다. 위젯(Widget) 메뉴 의 맨 아래로 스크롤 한 다음 (Scroll)미리 만들어진 위젯(Premade Widget) 코드 상자 에서 복사 를 선택합니다.(Copy )

미리 만들어진 Discord(Discord) 위젯 이 포함된 코드 조각을 복사하면 웹사이트 코드에 통합할 수 있습니다. 위젯을 통해 사용자는 활성 회원 목록을 보고 서버에 가입할 수 있습니다. 그러나 더 고급 위젯이 필요한 경우 WidgetBot 을 사용해야 합니다 .

WidgetBot을 사용하여 사용자 정의 Discord 위젯 만들기(Creating Custom Discord Widgets Using WidgetBot)

Discord 의 위젯은 서버에 고급 초대 링크를 추가하는 좋은 방법이지만 회원 목록을 표시하는 것 외에는 그다지 많은 것을 제공하지 않습니다. (거의) 완전한 기능을 갖춘 Discord 클라이언트 버전을 웹사이트에 통합하려면 WidgetBot 을 사용하면 됩니다.

WidgetBot 은 필요에 맞게 조정할 수 있는 완전히 내장된 Discord 버전입니다. (Discord)크기, 기능, 채널 지원, 게스트 멤버십 등—모두 사이트의 WidgetBot 위젯에서 사용하여 (WidgetBot)Discord 웹사이트를 방문하거나 클라이언트 앱을 사용할 필요 없이 새로운 사용자를 유치하고 그들과 직접 채팅할 수 있습니다.

읽기 전용 채널 및 사용자 지정 위젯 테마와 같은 일부 기능은 유료 멤버십이 필요합니다. 그러나 핵심 기능(메시지 보내기 및 서버 직접 가입 포함)은 무료로 지원됩니다.

서버에 WidgetBot 추가하기(Adding WidgetBot to Your Server)

시작하려면 WidgetBot 자체를 서버에 추가해야 합니다. WidgetBot 은 (WidgetBot)WidgetBot 봇을 서버 에 추가하여 작동 하므로 먼저 해야 합니다.

WidgetBot 초대 링크(WidgetBot invitation link) 를 열고 Discord 에 로그인 하여 계속 진행하세요. 목록에서 서버를 선택한 다음 계속(Continue) 을 선택하여 계속 진행해야 합니다.

다음 단계에서 WidgetBot(WidgetBot) 에 어떤 권한을 부여 할지 묻습니다 . 모든 확인란을 활성화한 상태로 두고 승인을 선택 하여 (Leave)계속(Authorize) 진행합니다. 이 프로세스가 완료되면 서버로 돌아가십시오.

웹사이트에 WidgetBot 포함(Embedding WidgetBot on Your Website)

WidgetBot 이 서버에서 실행되면 웹사이트에 WidgetBot 위젯을 추가할 수 있습니다(WidgetBot) . 사용할 수 있는 위젯에는 여러 유형이 있지만 기본 위젯을 추가하는 가장 간단한 방법은 서버에서 ??crate 명령을 사용하는 것입니다.

이렇게 하면 웹 페이지에 쉽게 포함할 수 있는 HTML 코드 조각이 생성되어 오른쪽 하단 모서리에 Discord 채팅 아이콘이 생성됩니다. (Discord)이 버튼을 누르면 웹 사용자를 위한 작고(완전히 작동하는) Discord 클라이언트가 열립니다.(Discord)

시작하려면 Discord 웹사이트나 클라이언트를 열고 왼쪽 목록에서 서버를 선택하세요. WidgetBot 봇 이 포함된 서버의 적절한 개인 채널에서 메시지 상자에 ??crate 를 입력한 다음 메시지를 보냅니다.

서버에서 ??crate(??crate) 를 전송 하면 봇이 포함할 수 있는 HTML 코드 조각을 자동으로 생성합니다. 메시지에서 코드를 선택한 다음 마우스 오른쪽 버튼을 클릭(right-click) > 복사(Copy) 하거나 키보드 에서 Ctrl + C

코드를 클립보드에 복사한 상태에서 코드를 웹사이트 HTML 에 붙여넣고 게시합니다. 코드 자체는 오른쪽 하단에 Discord 아이콘을 생성합니다. 이 아이콘을 선택하면 서버에 직접 메시지를 게시하는 것을 포함하여 위젯을 보고 상호 작용할 수 있습니다.(Discord)

다른 유형의 WidgetBot 위젯을 사용하려는 경우 (WidgetBot)WidgetBot 설명서 웹 사이트(WidgetBot documentation website) 를 방문하여 위젯을 만들고 웹 사이트에 포함하는 방법을 포함하여 각 위젯 유형에 대해 자세히 알아볼 수 있습니다 .

Discord 위젯 사용하기(Making Use of Discord Widgets)

Discord 서버 위젯은 웹사이트의 새로운 방문자에게 커뮤니티를 광고하는 좋은 방법이며 회원을 늘릴 수 있는 또 다른 방법을 제공합니다 . 서버를 구축하고 나면 Discord(Discord) 를 효과적으로 사용하는 방법에 대해 생각할 수 있습니다 . 서버에 봇을 추가하여(adding bots to your server) 음악 봇(music bots) 에서 중재(moderation) 에 이르기까지 기능을 향상시킬 수 있습니다 .

그러나 Discord(Discord) 에 문제가 있는 경우 해결책이 있습니다. 예를 들어 Discord 치명적인 Javascript 오류(Discord fatal Javascript error) 와 같은 오류 는 일반적으로 앱을 다시 설치하여 수정할 수 있지만 Discord 연결 문제(Discord connection issues) 는 DNS 설정 문제를 나타낼 수 있습니다. 여전히 문제가 있는 경우 시도할 수 있는 여러 Discord 대안 이 있습니다.(Discord alternatives)

위젯봇(WidgetBot)으로 블로그에 디스코드 채팅 위젯 달기

반응형

디스코드 채팅 위젯이 필요하게 된 이유

(위젯봇 사용법만 궁금하신 분들은 넘어가셔요)

블로그를 보러 와주시는 분들 중에 종종 개인적으로 질문을 하고싶어 하시는 경우가 있습니다.

그러면 보통 비밀댓글로 상담(?) 요청을 하시면서 메일이나 카톡 아이디를 남기십니다.

여기에 저도 비밀 답댓글을 달면, 댓글 남기신 분이 본인 댓글에 달린 답글을 못 보기도 하는 불상사가 종종 일어납니다.

블로그에 찾아오셔서 이런저런 질문 해주시는 게 소심한 관종으로서(ㅋㅋ) 정말 반가운 일이지만,

카톡이나 메일을 통해 이야기를 나누기에는 아이디나 계정이 공유되어 서로 조심스러운 부분이 있기 때문에 최근에는 디스코드를 쓰고 있습니다.

필요하다면 바로 통화도 가능하고, 무엇보다 제가 디스코드 스터디 서버를 판 이후로 디스코드의 재미를 알게되어서 희희

디스코드 채팅 위젯 같은걸 블로그 화면에 달아두면 편하겠다 싶더라고요.

개못생긴 기본 위젯

디스코드에서 기본적으로 제공되는 위젯을 처음에 시도해봤습니다.

근데 이건 일단 너무 덩치가 크고요.. 채팅창이 아니라 서버 멤버 목록을 보여주는 되게 경우없는 녀석이었습니다.

서버의 멤버들은 본인의 닉네임과 아바타가 어딘가에 노출되는 게 싫을 수도 있을텐데, 그냥 멤버 목록을 까발린다는 게(?) 영 예의가 아닌 것 같고요.

바로 채팅창이 뜨면 참 좋을텐데 왜 멤버 목록을 위젯 화면으로 만들었는지 개인적으로는 이해가 잘 안갑니다. 암튼 정서상 안맞아요..ㅋㅋ

더군다나, 저는 좀 작고 깔끔한 버튼이다가, 누르면 창이 뜨는 위젯을 기대했는데…

보통 디스코드 채팅채털 위젯이라 하면 그런 모습을 기대하게 되지 않나요? 저만그래요?

아래가 기본 위젯 생성 화면에서 보여주는 대강의 위젯 이미지인데요. 실제로 만들면 저거보다 더 못생겼습니다.

저렇게 커다란 친구를 화면에 떡하니 띄워놓기가 좀 부담스럽습니다.

디스코드 기본 제공 위젯

위젯봇의 발견

그래서 적당한 서드파티 위젯이 없을까 하다가 WidgetBot을 알게 되었습니다.

딱 채팅채널 위젯 하면 떠오르는.. 작은 버튼 -> 채팅창 형태입니다. 역시나.. 사람 생각은 다들 비슷한가봅니다.

widgetbot.io/

위젯봇이 맘에 들었던 점은 아래 네가지입니다.

설치가 쉽다 작고 동그란 아이콘이다 guestmode가 가능하다 커스터마이징이 가능하다

1. 설치가 쉽다

굉장히 쉽습니다.

위의 위젯봇 사이트에서 ‘invite widgetbot’을 클릭하면 위젯봇을 본인이 운영하는 서버에 추가할 수 있습니다.

위젯봇이 서버 멤버가 된 상태에서, (우측 멤버 목록에 widgetbot이라는 친구가 들어있으면 된겁니다)

채팅창에 위젯 생성 명령어:

??crate

를 입력하면 봇이 바로 코드를 생성해 줍니다. (crate가 저 작은 위젯의 이름인가봐요. 아닐수도있어요.)

이렇게 생긴 코드를 바로 뙇 만들어서 채팅으로 올려줍니다. ‘서버 ID’와 ‘채널ID’는 10자리? 정도 되는 숫자입니다.

이걸 그대로 복사해서, 바로 위에 넣어 주면

디스코드 채팅 위젯

이렇게 블로그나 웹사이트 화면의 우측 하단에 작고 귀여운 채팅 위젯이 생깁니다.

아뉘 너무 쉽지 않나요? 컴알못으로서 이렇게 쉽게 만들어 주신 개발자님께 너무 감사드립니다..

2. 작고 동그란 아이콘이다.

위 사진에도 보이고, 지금 블로그 우측 하단에도 보이시죠?

디스코드에서 기본적으로 제공되는 못생기고 큰 위젯을 보다가 이걸 보니 정말 마음이 편안해집니다.

평소엔 저렇게 작고 동그란 친구이다가, 클릭하면 네모난 채팅창이 뜹니다.

위젯봇 클릭하면 뜨는 채팅창

이렇게 바로 채팅 내용이 보이죠. 로딩 시간은 조금 걸리는 것 같지만 그래도 깔끔하고 간단해서 맘에 듭니다.

3. guestmode가 가능하다.

이거 정말 감사한 기능입니다.

저야 디스코드가 편해서 쓰고있지만, 디스코드를 써보지 않은 분들, 디스코드 계정이 없으신 분들은 채팅을 하기 위해 계정을 만들어야 하는 번거로움이 있습니다.

guestmode 설정 없이는, 아래 입력창을 클릭하면 먼저 디스코드에 로그인하거나 계정을 생성할 수 있는 창이 뜹니다.

가볍게 뭐 하나 물어보고싶어 클릭한 사람에게 너무 큰 허들이죠.

그래서, 아까와 똑같이 Widgetbot이 멤버로 있는 채팅창에서

??guestmode

를 입력하면 자동으로 guetmode설정이 됩니다. 즉 디스코드 계정이 없어도 채팅이 가능합니다.

guestmode 설정을 먼저 하고 crate를 해야하는지, 순서는 별 상관 없는건지는 잘 모르겠습니다.

방문자가 아래의 채팅 입력창을 클릭하면 NAME을 설정하라는 창이 뜨는데, 닉네임만 아무거나 설정하면 바로 채팅할 수 있게 됩니다.

사실 스팸 방지를 위해서는 guestmode가 적합하진 않지만, 제 블로그는 소규모이고, 여기에 유입되어 들어오신 분들이 스패밍을 할만한 사람들은 아닐거라 제멋대로 생각하고 있습니다.

4. 커스터마이징이 가능하다.

당연하게도(?) 커스터마이징이 가능합니다.

원하는 이미지로 위젯을 바꿀수도 있고, 위젯의 크기나 색상, 위치 등등을 바꿀 수 있습니다.

화면에 떠있는 위젯 말고도 페이지 안에 embed하는 방식도 가능하고, 뭐.. 제가 봐도 잘 모르는 다른 여러가지도 가능할 겁니다.

자세한 내용은 위의 위젯봇 홈페이지에서 찾아보시면 될 것 같아요.

여러 예시들이 코드와 함께 전시되어있더라고요.

아쉬운 점

아쉬운 점은 1:1대화창도 좋을 것 같은데, 공개 채팅방 위젯만 만들 수 있다는 점 정도인데요.

디스코드라는 앱 자체가 여러 사이트의 쪽지 기능이나 카카오톡처럼 1:1 대화를 디폴트로 하는 메신저라기보다는

커뮤니티를 만들고 여럿이서 대화하는 서버, 채팅방을 기본반찬으로 활용되는 프로그램이라 이해하고 넘어갈 만 합니다.

스팸 방지 등등의 이유도 있을 것 같긴 하고요.

채팅 채널에서 이야기 하다가 필요하면 1:1채팅으로 전환해도 되기도 하니까 크게 문제되지도 않을 것 같고요.

여담이지만 바로 나에게 디스코드 메세지, 즉 DM을 보낼 수 있도록 하는 링크를 만들고 싶다 하시면

discordapp.com/channels/@me/당신의ID

에서 “당신의ID”부분을 18자리 숫자ID로 바꾸어 넣으면 됩니다.

ID는 디스코드를 개발자 모드 보기로 전환한 다음, 본인 아이디에서 우클릭, “ID 복사하기”를 눌러 얻을 수 있습니다. 아마 모바일에서도 될 겁니다.

혹시나 개인적인 쪽지를 보내고 싶은 분도 계실까 싶어 저도 사이드바에 쪽지 보내기 링크를 만들어뒀습니다.

다만 다이렉트 메세지(DM) 보내기는 디스코드 계정이 있어야 합니다.

포스팅 아래에 남기는 댓글은 아무래도 좀 조심스럽죠.

남들이 지나가다가 볼 수도 있고, 포스팅 내용과 관련된 이야기만 해야할 것 같고.. 그런 제한사항이 있잖아요.

제 블로그를 보다가 궁금한 점이 생기거나, 그냥 별로 중요한 얘기는 아니지만 한 마디 하고싶을 수 있잖아요.

그런 분들이 좀 가볍게 이야기할만한 창구가 있으면 좋겠다 싶었는데 이번 기회에 블로그 서버, 채팅채널을 만들게 되었네요.

사실 아무도 그러고싶지 않은데 제가 설레발 치는 걸 수도 있고요..ㅋㅋ

아무렴 어때요. 이렇게 위젯 달아보고, 글로 정리해보고 하는 것도 재밌었으니까요.

반응형

So you have finished reading the 디스코드 서버 위젯 topic article, if you find this article useful, please share it. Thank you very much. See more: 디스코드 서버 꾸미기, 디스 코드 서버 운영, 디스 코드 서버 설정, 디스 코드 디자인, 디스 코드 움직이는 서버 아이콘, 디스 코드 서버 변경, 디스 코드 서버 만들기, 디스코드 서버 초대 배경

Leave a Comment