[React] 디스코드와 웹훅 연동

 

 

 

오늘은

팀프로젝트에서 활용할 수 있는 웹훅을 연동할것이다!

 

 

비록 난 개인 프로젝트지만

push와 commit을 하면 깃허브에서 풀리퀘를 받아야

main에 merge할 수 있다.

 

그럴 때 이 풀리퀘(pull request)에 대한 알림이 

올 수 있도록 Discord에 WebHook을 연동해보겠다.

 

WebHook을 연동할 떄 첫번째!

 

디스코드에서 알림을 받고자 하는 채널을 선택한다.

 

 

나는 이곳에 알림이 오도록 설정해보겠다.

 

이 채널의 옆 톱니바퀴 모양의 설정버튼을 클릭한다.

그러면

 

 

이곳에서

연동을 클릭하면 웹후크가 보일 것이다.

그렇다면 오른쪽 '웹후크 만들기'버튼을 클릭한다.

 

 

 

 

 

 

새 웹후크 버튼을 클릭하면 새로운 웹후크를 만든다.

 

 

 

 

 

그 후 웹후크 URL을 복사한 후 깃허브로 이동한다.

 

 

 

 

 

 

그 다음 내가 연동하고자 하는 깃허브의 설정에 들어간다.

 

 

 

 

 

 

 

 

 

그 후 Webhooks를 찾아 클릭한다.

 

 

 

 

'Add webhook'을 선택하여

 

 

끝에 github를 써주고,

application/json을 선택한다.

 

그 후 밑에 'Send me everything'을 눌러준다.

그러면 Webhook이 생성된다.

 

그렇다면 이제 push를 해보자.

 

 

 

 

 

 

 

commit을 눌러주면

다음과 같이 Discord로 알림이 온다.

 

 

 

오늘은 Webhook에 대해서 알아보았다!