본문 바로가기
etc/proj

Wakfreeca - 이틀 정도 투자해서 작은 chrome extension을 만들어봤다

by Zabee52 2023. 12. 29.

Wakfreeca

 

 

Wakfreeca

UI utility for afreecatv

chrome.google.com

 

GitHub - Zabee52/Wakfreeca: AfreecaTV에서 사용할 유틸리티

AfreecaTV에서 사용할 유틸리티. Contribute to Zabee52/Wakfreeca development by creating an account on GitHub.

github.com

 

그냥 아프리카TV의 채팅창을 트위치처럼 조금 고쳐주는 기능을 수행하는 chrome extension을 기획, 개발 포함해서 이틀정도 투자해서 만들어봤다.

이유는.. 원래 평소에 왁굳형의 방송을 많이 보는데, 트위치가 이번에 한국에서 사업을 철수하기로 결정하고 나서 왁굳형은 아프리카TV로 이적할 생각을 하고 있었기 때문이었다.....

 

 

 

우왁굳TV

우왁굳님의 방송국에 오신 것을 환영합니다!

bjapi.afreecatv.com

 

개인적으로 아프리카에 대한 이미지는 다른 사람들이 가지고 있는 그런 생각.. 이었기 때문에 이번에 새로 네이버에서 런칭하는 스트리밍 플랫폼인 치지직이 아닌 아프리카TV를 선택한 것에 당황을 금치 못 했으나, 생각 없이 내가 하고 싶은 일들을 하면서 보기엔 왁굳형만한 방송이 없었기에 그냥 내가 아프리카TV를 받아들이기로 했다.

그렇게 조금 적응하려고 방송들을 보는데, 불편한 점이 너무 많았다.

 

1. 채팅이 두 줄이다

각각 트위치 / 아프리카TV의 채팅

 

 

한 페이지에 보여줄 수 있는 채팅의 양이 절반이라는 뜻이다. 이런 것을 떠나서 지금까지 봐왔던 채팅창과 모습이 너무 다르기에 당황스러운 부분이 있었다.

 

2. 성별 표시는 필요가 없어보였다

엄마 주민번호로 메이플스토리를 즐겨온 우리 세대 사람들은 인터넷에서 보이는 이런 가짜일 가능성이 있는 성별따위는 절대로 믿지 않는다. 그 말인즉 사실 채팅창에 성별 표시같은 건 그냥 공간을 차지하는 쓸모없는 UI라는 뜻이다. 그래서 그냥 없애버리고 싶은 기분이 들었다.

 

3. 후원 메세지가 차지하는 공간이 너무 크다

트위치에서는 후원 메세지는 그다지 강력한 강조효과가 없었기 때문에 채팅창에는 채팅만 나오는, 하나의 역할만 잘 수행하고 있었는데, 아프리카TV는 너무 중구난방식으로 나타나는 부분이 있었다.

공간이 너무 크다

 

4. 보기 싫은 방송이 너무 많다

속칭 사이버 룸빵(...) 이라고 불리는, 여자 BJ들을 잔뜩 모아놓고 엑셀에 명부를 작성, 별풍선을 받은 개수로 경쟁을 하는, 상상하기 어려운 방식의 방송을 진행하는 BJ들이 너무 많아서 정말 꼴도 보기 싫었다. 그래서 가리고 싶었다.

적힌 숫자만큼 별풍선을 쏘면 이런 리액션을 해준다고 한다..

이게,, 이게 뭐냐고... 나는 이런 현실을 받아들일 수 없었다.

그래도 이건 내가 원하는 방송만 딱 스코프를 잡고 보면 피할 수 있었기 때문에, 이 기능은 MVP에서 제거하고, 일단 내가 항상 보게 될 1~3번만 구현해서 일단 chrome 확장 프로그램 스토어에 출시하는 걸 목표로 작업을 해보기로 했다.

 

그렇게 해서 정해진 익스텐션의 이름은 이름하야 왁프리카(Wakfreeca). 나중에 아프리카에서 개선을 해주겠지만, 당장은 되지 않는 기능들을 잠시나마라도 내가 편하게 볼 수 있도록 돕는 그런 유틸리티 플러그인이 될 것으로 기대하고, 개발에 착수했다.

 

그렇게 해서 나온 작업물은 바로 이것. 아이콘은 AI 이용해서 대충 생성해서 붙였다.

30도 정도 돌린 카툰 풍의 얇은 외곽선을 가진 극대노한 표정의 침팬지 얼굴을 AI로 뽑은 다음, 톤을 붉은 색으로 다시 만져줬다.

 

 

GitHub - Zabee52/Wakfreeca: AfreecaTV에서 사용할 유틸리티

AfreecaTV에서 사용할 유틸리티. Contribute to Zabee52/Wakfreeca development by creating an account on GitHub.

github.com

 

적용하면 채팅이 아래처럼 바뀐다.

 

휴가 기간 동안 특별히 할 게 없어서 그냥 해 본 거였는데, 생각보다 재밌게 했다. chrome extension 관련한 튜토리얼을 진행해본 게 꽤나 재밌었던 부분.

 

어차피 UI 고치는거라 특별히 어려운 기능은 없었고, 남은 작업들은 익스텐션 스토어에 올리는 것 실패하거나, 아니면 허가 나는게 아프리카TV의 레이아웃 revamp보다 늦게 된다면 아마 개발이 중단될 것 같다. 애초에 목적이 아프리카TV의 리브랜딩 및 디자인 개편 전까지만 돌아가는 무언가를 만들어보자는 것이었기 때문에..

 

대강 처리한 작업들 목록

 

 

일단 MVP라 잡히는대로, 동작하도록만 코드를 작성했기 때문에, 정리만큼은 시간을 들여서 한 번 해보고 싶다.

 

 

Approve 됐기 때문에 남은 주말동안 남은 기능들 쭉쭉 만들어볼 예정이다 🥳🥳

댓글