검색 본문
blog.naver.com 취미의 만찬 [초보 디스코드 TIP!] 웹 디스코드 (디스코드 웹 브라우저) 웹 디스코드가 디스코드 프로그램과 어떻게 다른지 비교해보고, 어떤 상황일 때 사용하면 좋은지 알아보도록 하겠습니다. 웹 디스코드 접속 웹 디스코드를 사용하기 위해서는 여러분들이 사용하고 있는 웹에서 아래 링크를 클릭해 들어가주시면 됩니다. (복사 붙여넣기도 가능합니다.) 웹 디스코드 링크 일반 버전... 2024.01.29 블로그 검색 더보기 100.daum.net 백과사전 디스코드 (소프트웨어) 유지할 생각이다. 이 회사는 2016년 1월 소프트웨어 펀딩에서 추가적으로 20,000,000 미국 달러를 높였다.웹 인용 2021년 5월 13일 디스코드의 6주년 스트리밍에서 새로운 로고를 발표했고, 기존의 색상인 #7289DA에서 #5865F2로 바꾸었지만 가독성 문제로... 백과사전 검색 더보기 출처: 위키백과 jiwonbot.tistory.com 지원봇 블로그 알림봇 제작을 위한 디스코드 웹훅과 구글 Apps Script 활용 가이드 디스코드 웹훅 생성 먼저, 디스코드 웹훅을 생성해야 합니다. 디스코드 웹훅은 다양한 용도로 사용할 수 있는 URL입니다. 이 URL을 이용하여 알림을 보낼 수 있습니다. 알림봇을 만들고 싶은 채팅 채널의 편집버튼을 누릅니다. ‘웹후크 만들기’ 버튼 클릭 '웹후크URL 복사' 버튼을 눌러 URL을 복사한다 구글 Apps Script 생성 구글 Apps Script는 구글 서비스를 자동화하는 데 사용되는 스크립트 언어입니다. 이를 사용하여 디스코드 웹훅으로 메시지를 보내는 스크립트를 작성합니다. 예를 들어, 수업 시간을 추적하고, 수업 시작 10분 전에 알림을 보내도록 설정할 수 있습니다. 스프레드시트 바로가기 '내용 없음' 을 클릭하여 빈 스프레드시트를 생성해주세요. '확장 프로그램' -> 'Apps Script' 버튼을 눌러주세요( 자동으로 Apps Script 화면으로 전환됩니다) 구글 Apps Script 코드 작성 제가 작성한 아래의 코드를 참고하여 Apps Script를 저장 합니다. const url = '복사했던 디스코드 url 붙여넣기!!'; let msg = { /*"avatar_url": "",*/ "username": "알림봇", "content": "메세지" }; //fetch를 이용해서 디스코드 url에 POST요청 function pushMessage(obj) { UrlFetchApp.fetch(url, { "method": "POST", "headers": { "Conte Apps Script 프로젝트에 트리거 추가 Apps Script 프로젝트에 트리거를 추가하여 정기적으로 출석체크 시간을 확인하고, 회의 시작 5분 전에 메시지를 보내도록 설정할 수 있습니다. 좌측 메뉴에 시계모양의 '트리거' 버튼을 눌러주세요 우측 하단에 '트리거 추가' 버튼을 눌러주세요 이미지 처럼 셋팅 후 '저장' 버튼을 눌러주세요 (메인 기능) 우측 하단에 '트리거 추가' 버튼을 한번 더 눌러주세요 이미지 처럼 셋팅 후 '저장' 버튼을 눌러주세요 (중복방지 기능) 알림봇 테스트 알림봇이 정상적으로 작동하는지 확인하기 위해, 테스트를 진행해야 합니다. 이를 위해, 구글 스프레드시트에서 Apps Script 함수를 실행할 수 있습니다. 코드로 작성했던 시간에 메세지 전송(예전 캡쳐 이미지라 시간이 다릅니다) 추가 설명 case '08:30': msg = {...msg,'content' : `@everyone 여러분!! ${now.getMonth()+1}월 ${now.getDate()}일 오전 입실 시간입니다.\n🎯입실인정 08:30 ~ 09:10`} checkAlarms('B1')? pushMessage(msg) : false break; 오전 08:30분에 ‘content’ 에 해당하는 메세지를 push 하고 스프레드 시트 B1셀을 중복방지 용으로 사용합니다 //트리거 중복방지용으로 만든 시트를 특정 시간에 초기화 시킬 함수 functi 마치며 이상으로, 구글 Apps Script 생성 방법에 대한 가이드를 마치겠습니다. 이제부터 여러분은 구글 앱과 상호작용하는 자동화된 스크립트를 만들 수 있게 되었습니다. 좋은 결과 있기를 기대합니다! 17 먼저, 디스코드 웹훅을 생성해야 합니다. 디스코드 웹훅은 다양한 용도로 사용할 수 있는 URL입니다. 이 URL을 이용하여 알림을 보낼 수 있습니다. 알림봇을 만들고 싶은 채팅 채널의 편집버튼을 누릅니다. ‘웹후크 만들기’ 버튼 클릭 '웹후크URL 복사' 버튼을 눌러 URL을 복사한다 2023.03.04 huzan2.tistory.com 우당탕탕 개발일기 React로 디스코드 봇 전용 웹페이지 만들기 (0) - react 프로젝트 시작하기 초기 세팅 react를 이용하기로 마음먹었으니 가장 먼저 리액트 프로젝트를 만들어 줘야 할 것이다. npx create-react-app PROJECT_NAME PROJECT_NAME으로 적은 곳에는 원하는 프로젝트 이름(폴더 이름)을 적으면 된다. VSC에서 프로젝트 폴더를 열어준 후 터미널을 열고 npm run start를 입력하면... React에서 자동으로 생성해준 초기 페이지가 뜬다. 실행을 멈추고 터미널에서 다른 명령어(라이브러리 설치 등)를 실행하고 싶으면 ^C(컨트롤 C)를 눌러주면 된다. 이제 사용하지 않는 파일들을 전부 지워 리액트 이해하기 그럼 이제 우리가 웹페이지를 만드는 것을 React가 어떤 방식으로 도와주는지 알아보자. html, javascript, JSX에 대한 기초적인 설명은 생략하도록 하겠다. 기초적인 내용에 대한 이해가 필요하다면 잘 정리된 수많은 글들이 있으니 한번씩 읽어보도록 하자. 먼저 App.js에서 <div>성공~!</div>를 리턴하는 함수, App을 반환하는데, 이를 index.js에서 가져와서 rander해주는 것을 볼 수 있을 것이다. index.html의 body 부분을 보면 "root"라는 이름의 div 하나만 있는 것을 확인할 수 react-router-dom 이번에 만들어볼 페이지는 하나의 페이지로만 이루어진 SPA(Single Page Application)이 아니라, 여러 개의 페이지로 구성된 전통적인 웹 어플리케이션이다. 따라서 페이지에서 페이지로의 이동을 도와주는 라이브러리를 설치할 것인데, 먼저 터미널에 아래 명령어를 입력해주자. npm i react-router-dom 이제 src 폴더에서 routes 폴더를 생성해주고, Home.js와 Detail.js 파일을 각각 생성해준다. component 함수명의 첫 글자는 무조건 영문 대문자이다. 꼭 기억하자. (파일명은 정해진 규 6 그럼 이제 우리가 웹페이지를 만드는 것을 React가 어떤 방식으로 도와주는지 알아보자. html, javascript, JSX에 대한 기초적인 설명은 생략하도록 하겠다. 기초적인 내용에 대한 이해가 필요하다면 잘 정리된 수많은 글들이 있으니 한번씩 읽어보도록 하자. 먼저 App.js에서 <div>성공~!</div>를 리턴하는 함수, App을 반환하는데, 이를 index.js에서 가져와서 rander해주는 것을 볼 수 있을 것이다. index.html의 body 부분을 보면 "root"라는 이름의 div 하나만 있는 것을 확인할 수 React 리액트 react v18 react-router-dom v6 2023.09.06 React로 디스코드 봇 전용 웹페이지 만들기 (1) - tailwindCSS Discord.js로 메이플스토리 디스코드 봇 만들기 (2) enochkon.tistory.com Enochkon's blog 디스코드와 github 연결해서 알림 받기 디스코드 웹훅 설정 우선 디스코드의 서버 설정에 들어가서 앱 → 연동 부분을 클릭 한다. 연동 부분에 들어가면 “웹후크” 부분을 클릭한다. 새로운 웹후크를 생성하고 이름을 정해준 후 해당 알림을 받을 채널을 설정한다.→ 그런 후 “웹후크 URL 복사” 버튼을 클릭해서 URL을 복사한다. 깃허브 프로젝트 설정 우선 알림을 받을 repository의 setting 란으로 들어간다. 그러고 나서 code and automation에서 Webhooks 탭을 클릭한다. add webhook을 클릭 한다. 아까 디스코드에서 복사한 webhook 주소를 Payload URL을 붙여 넣은뒤 “/github”라는 문자열을 추가한다. [디스코드에서 복사한 webhook]/github 그러고 나서 Which events would you like to trgger this webhook? 란에서 어떤 행동들을 알림을 줄지 선택할 수 있다. 이렇게 PR만 11 우선 디스코드의 서버 설정에 들어가서 앱 → 연동 부분을 클릭 한다. 연동 부분에 들어가면 “웹후크” 부분을 클릭한다. 새로운 웹후크를 생성하고 이름을 정해준 후 해당 알림을 받을 채널을 설정한다.→ 그런 후 “웹후크 URL 복사” 버튼을 클릭해서 URL을 복사한다. GitHub DISCORD webhook 깃허브 디스코드 연결 2024.04.29 money-i.tistory.com 머니체크 디스코드 웹 서버 및 디스코드 봇 사용법 1. 디스코드 계정 생성 및 로그인 디스코드 웹 서버를 사용하려면 먼저 디스코드 계정을 만들어야 합니다. 이미 계정이 있다면 이 단계를 건너뛰세요. 디스코드 웹사이트에 접속합니다. "회원가입" 버튼을 클릭하여 새 계정을 만듭니다. 필요한 정보를 입력하고, 계정 생성을 완료합니다. 이제 디스코드 계정에 로그인합니다. 2. 서버 생성 디스코드 웹 서버는 서버 단위로 관리됩니다. 여기서 서버란 커뮤니티, 팀, 프로젝트 등을 나타냅니다. 디스코드 웹 서버 대시보드에 로그인합니다. 왼쪽 메뉴에서 "서버"를 선택하고, "서버 만들기" 버튼을 클릭합니다. 서버 이름과 아이콘을 설정하고, 만들 서버의 위치를 선택합니다. 한국 디스코드 리스트 (koreanbots.dev) 클릭시 사이트 이동 3. 카테고리 및 채널 생성 서버를 생성한 후, 서버 내부에 카테고리와 채널을 생성하여 조직화할 수 있습니다. 생성한 서버에 들어가서, 좌측 상단의 플러스 아이콘을 클릭합니다. "카테고리"를 선택하여 새 카테고리를 만들거나, "텍스트 채널" 또는 "음성 채널"을 선택하여 해당 채널을 생성합니다. 4. 멤버 관리 서버에 멤버를 초대하고 역할을 부여하여 관리합니다. "서버 설정" 아이콘(톱니바퀴 모양)을 클릭하여 서버 설정으로 들어갑니다. 왼쪽 메뉴에서 "멤버"를 선택하여 멤버 관리를 합니다. 디스코드 웹 서버를 통해 더 많은 설정과 기능을 활용할 수 있습니다. 이를 통해 효과적인 커뮤니케이션 및 협업을 할 수 있습니다. 디스코드 봇 디스코드 봇은 디스코드 서버를 자동화하고 사용자와 상호작용하기 위한 프로그램입니다. 1. 디스코드 개발자 포털 접속 디스코드 봇을 만들려면 디스코드 개발자 포털에 접속해야 합니다. 디스코드 개발자 포털에 접속합니다. 2. 애플리케이션 생성 디스코드 봇을 생성하기 위해 새로운 애플리케이션을 만듭니다. 개발자 포털에서 "New Application" 버튼을 클릭합니다. 애플리케이션에 이름을 지정하고 "Create" 버튼을 누릅니다. 3. 봇 생성 애플리케이션을 만든 후, 이제 봇을 생성합니다. 애플리케이션 설정 페이지로 이동합니다. 왼쪽 메뉴에서 "Bot"을 선택하고 "Add Bot" 버튼을 누릅니다. "Yes, do it!"을 클릭하여 봇을 생성합니다. 4. 봇 초대 봇을 디스코드 서버로 초대하여 사용합니다. "OAuth2" 탭으로 이동합니다. "Scopes"에서 "bot"을 선택합니다. 아래로 스크롤하여 "Bot Permissions"에서 봇이 가져야 할 권한을 설정합니다. "Copy" 버튼을 클릭하여 초대 링크를 복사합니다. 이 링크를 디스코드 서버 관리자에게 보내서 봇을 초대합니다. 이제 디스코드 봇이 서버에 초대되었고, 설정한 권한을 가지고 사용할 수 있습니다. 디스코드 봇은 개발자가 원하는 대로 프로그래밍하여 다양한 작업을 자동화할 수 있는 강력한 도구입니다. 디스코드 웹 서버와 봇을 2 디스코드 웹 서버를 사용하려면 먼저 디스코드 계정을 만들어야 합니다. 이미 계정이 있다면 이 단계를 건너뛰세요. 디스코드 웹사이트에 접속합니다. "회원가입" 버튼을 클릭하여 새 계정을 만듭니다. 필요한 정보를 입력하고, 계정 생성을 완료합니다. 이제 디스코드 계정에 로그인합니다. 디스코드 디스코드 사용법 디스코드 봇 디스코드 서버 디스코드 계정 2023.08.23 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 구안 에세이 분야 크리에이터 요즘 웹3에 관심 가지는 이유 5 안도합니다. 내가 모르고 누가 숨겨왔던 정보라 당한 게 아니구나. 내가 더 알려고 노력하지 않아서 발생한 일이구나 저는 그래서 이 모든 게 공개되어있는 웹3, 웹3 프로젝트들의 마케팅에 관심을 가지게 됐습니다. 얘네들은 진짜 뭐 숨기는 거나 과장하는 게 없거든요. 질의응답도 디스코드나 트위터를 통해 하루종일... 정보 마케팅 신뢰 2024.05.14 브런치스토리 검색 더보기 ssangsu.tistory.com 쌩로그 디스코드 웹 후크 1. 개요 제목이 곧 내용인 제곧내이다. 온라인으로 만난 분들끼리 팀프로젝트를 진행하게 되었다.거기서 디스코드로 몇 가지 세팅을 했는데, 그 중 하나가 디스코드 채널과 깃허브의 레포와 연동이다.레포의 변경이 감지되었을 때, 디스코드 채널로 메세지가 오게 한 것이다. 그 세팅에 관한 과정이다. 2. 본론 일단 디스코드의 서버에서 채팅채널을 생성한다. 내가 만든 방식이다. 그러면 오른쪽에 톱니바퀴모양의 설정으로 들어간다. 이렇게 보이는데, 좌측의 연동 탭으로 들어간다. 그러면 이렇게 나오는데, 현재 1개로 나오는 것은 이미 있기 때문이고, 처음엔 0개로 나올 것이다. 위 사진이 0개로 나오는 모습이다. 웹 후크 만들기 를 클릭하면 위 사진처럼 자동으로 하나 생성이 된다.철저한 가리기 여튼 하나 만들어지고, 만들어진 웹후크를 누르면 아래와 같이 나온다. 이름은 아무대나 설정할 수 있고, 채널은 메세지를 받고싶은 채널... 3. 요약 이렇게 디스코드로 깃허브 웹 후크를 연동해보았다.. 그리고 메세지를 누르면 바로 깃허브 커밋 링크로 연결되니 잘 사용하면 좋을 거 같다.!! 12 일단 디스코드의 서버에서 채팅채널을 생성한다. 내가 만든 방식이다. 그러면 오른쪽에 톱니바퀴모양의 설정으로 들어간다. 이렇게 보이는데, 좌측의 연동 탭으로 들어간다. 그러면 이렇게 나오는데, 현재 1개로 나오는 것은 이미 있기 때문이고, 처음엔 0개로 나올 것이다. 위 사진이 0개로 나오는 모습이다. 웹 후크 만들기 를 클릭하면 위 사진처럼 자동으로 하나 생성이 된다.철저한 가리기 여튼 하나 만들어지고, 만들어진 웹후크를 누르면 아래와 같이 나온다. 이름은 아무대나 설정할 수 있고, 채널은 메세지를 받고싶은 채널... 2023.05.22 티스토리 검색 더보기 story.kakao.com 천영환 천영환 - 카카오스토리 한방에 카페게사판과 같이 여러 개의 채널을 주제별로 나눠서 대화할 수 있다. 이제 막 입문을 한 디스코드, 웹3.0으로 가는 새로운 플랫폼인 만큼 NFT우주선 허마일함장님과 함께 광활한 우주여행을 떠나보자... 2022.08.16 카카오스토리 검색 더보기 에세이 크리에이터 보기
웹3.0 시대 디지털 IT 놀이터 blog.naver.com/zbluezstarz 네이버 블로그 꿈을 만드는 개발자 #소프트웨어 #자동매매 #IT꿀팁 #메타버스 #제페토 #로블록스 #디스코드 #웹3 #NFT ksj_디자인 제작소 ksj-designstudio.tistory.com/ 티스토리 블로그,카페 등 여러 웹을 디자인하며 작품외주 및...건 이메일이나 디스코드로 문의주시길 바랍니다.