[뉴스검색봇] 6. 봇 외형 단장하기

아무것도 없이 TEST로 작성된 봇으로 결과를 확인하니까 보는 맛이 너무 떨어져서 외형작업을 했다.

 

사실 이건 가짜이유이고, 진짜 이유는 일주일 넘게 해결하지 못한 에러가 있었기 때문에... 더 진행할 수 없었다.

다행히 지금은 해결한 상태고, 다음글은 이 에러에 대한 이야기이다.

 

 

https://www.miricanvas.com/

디자인 플랫폼 미리캔버스

미리캔버스에서 프로필사진을 만들었다. 이분야 양대산맥으로 canva랑 미리캔버스가 있는데,

canva는 해외감성, 미리는 국내감성이다. 소스는 canva가 압도적으로 많지만 좀 괜찮다싶은건 거의 pro딱지가 붙어있다.(유료라는 뜻)

 

최대한 깔끔하고 용도를 한눈에 나타낼 수 있도록 만들되, 컨셉을 하나 정해서 친근함을 표현했다.

컨셉은 뉴스를 알려주는 새우다. 왜 새우냐면 그냥 내가 새우를 좋아하기 때문이다. 💕💜💚💙새우💙💜💚💕

그리고 왜 초록색이냐면 네이버그린을 잃을 수 없기 때문이다.

지금보니 그냥 무료 png 받아서 포토샵으로 직접 만드는게 더 낫겠다 싶다. 너무 구리다... 나중에 수정 해야겠다.

 

---

 

디스코드 디벨로퍼 https://discord.com/developers/applications/950075988639883324/information

Discord Developer Portal — API Docs for Bots and Developers

에서 프로필과 봇 이름, 짤막한 소개를 추가했다.

 

인포 탭이 아닌 bot탭에서 정보를 등록해야 디스코드에 표시된다.

 

general information의 description 부분에 설명을 작성하면 봇을 클릭했을 때 보여진다.

짤막한 소개와 초대링크를 작성했다.

 

---

 

그리고 인증된 봇들을 보면 ".help 듣는 중" 이렇게 도움말을 입력할 수 있도록 표시하고 있다.

원래는 디스코드 온라인 상태에서 게임을 하면 프로필에 표시되는 정보인데, 이걸 가이드처럼 이용하는게 관행인 것 같다. 이 외에도 몇 개의 서버에서 구동중인지, 또는 공식사이트 정보 등등을 나타내는 봇들도 있다.

 

이걸 내 봇에 적용시켰다. index.js파일에서 수정하면 된다.

 

module.exports = {
	name: 'ready',
	once: true,
	execute(client) {
		client.user.setActivity('/도와주새우', { type: 'WATCHING' });
	},
};

ready를 이벤트폴더에 따로 분리해놨기 때문에 이렇게 작성했다.

 

client.once('ready', () => {
	client.user.setActivity('/도와주새우', { type: 'WATCHING' });
});

따로 분리하지 않은 상태라면 index.js파일의 ready부분을 이렇게 수정하면 된다.

 

'/도와주새우' 부분은 마음대로 지정할 수 있다. 나는 일반 봇들처럼 도움말 명령어를 지정했다.

 

type은 몇 가지 종류가 있는데,

LISTENING : ~~듣는 중

WATCHING : ~~시청 중

PLAYING : ~~하는 중

등등이 있다.

 

type마다 약간씩 표시되는 형식이 다르다. watching으로 했을 때가 모습이 깔끔해서 선택했다.

activity설정 옵션은 정말 다양하기 때문에 얼마든지 원하는 대로 설정할 수 있다.

 

 

 

설정을 모두 적용한 모습이다.

 

---

 

만든 프로필 아이콘을 임베드의 썸네일과 도움말 명령어의 footer에 사용했다.

임베드 작성 부분에서 .setThumbnail()과 .setFooter()를 추가하면 된다.

 

외관이 많이 그럴싸해졌다.

참고로 버튼은 기본 크기가 큰편이라 글씨를 넣으면 모바일에서는 두 줄로 나타나길래, 글씨 다 빼고 아이콘으로만 표시했다.

 

도움말 명령어의 텍스트박스는 텍스트 양끝에 `를 입력하면 된다.

임베드 필드의 value에 디스코드에서 사용하는 텍스트 형식과 이모티콘을 적용할 수 있다. 그외 타이틀이나 필드네임에는 적용이 안된다. 그래서 필드의 name부분에 공백문자를 입력해 문단 구분용도로 사용하고, 모든 내용을 value에 작성했다.

 

이런식으로 작성하면 된다.