masonfe-hyunsu
🐣 1. 개요 : 패키지 배포 그 이후.
masoneffect NPM 패키지를 배포한 이후, 패키지의 효과를 간단히 보여주는 최소한의 샘플 페이지와 기본적인 사용 방법 가이드로 구성된 소개 페이지를 먼저 제작했다. (https://masoneffect.com)
해당 소개 페이지를 기반으로 여러 채널을 통해 라이브러리를 알렸고, 그 과정에서 실제 사용자들의 피드백을 직접 확인할 수 있었다. 감사하게도 다운로드 수와 반응 모두 기대 이상으로 긍정적인 편이었다.
이 정도의 반응이라면 masoneffect에 조금 더 시간을 들여 고도화를 시도해봐도 괜찮겠다는 판단이 들었고, 자연스럽게 다음 업데이트를 향한 방향성도 보다 명확해졌다.
이 포스팅에서는 패키지 배포 이후 받은 피드백을 어떻게 받아들이고, 어떤 기준으로 방향성을 결정했는지에 대해 정리해본다.
🥸 2. 준비 : Cloudflare & Google Analytics 연동.
먼저, 패키지 배포이후 홍보 전 지표 수집에 대한 셋팅을 미리 해두는게 좋겠다는 정연님의 피드백을 듣고, Cloudflare 와 Google Analytics 를 먼저 연동했다.
Cloudflare.
Cloudflare는 웹 서비스 앞단에 위치해 트래픽을 중계하고 보호해주는 서비스다.
별도의 복잡한 설정 없이도 어느 국가에서 접근하는지, 특정 시점에 트래픽이 증가했는지, 실제 사용자 트래픽으로 보이는지 등을 직관적으로 확인할 수 있어, 지표를 기준으로 판단할 수 있는 근거로 활용하기 좋다.
masoneffect 소개 페이지에 Cloudflare 연동으로, 트래픽 흐름과 국가별 접근 현황을 빠르게 파악하기 위한 목적으로 사용했다.
Google Analytics. (GA)
약어로 흔히 GA라고 불리는 Google Analytics는 웹 서비스의 사용자 행동을 수집하고 분석할 수 있는 분석 도구다.
어떤 페이지를 가장 많이 방문하는지, 페이지 체류 시간은 어느 정도인지, 사용자가 어떤 흐름으로 이동하는 등을 확인할 수 있어, 실제 사용자의 행동을 기준으로 페이지 구성을 판단하는 근거로 활용하기 좋다.
masoneffect 소개 페이지에 GA 연동으로, 페이지별 이용 흐름과 사용자 반응을 파악하기 위한 목적으로 사용했다.
😵 3. 홍보 : Reddit, Hacker News, 오픈채팅방 등.
아무리 잘 만든 라이브러리라도 누군가에게 보여지지 않으면 사용될 기회조차 없다.
홍보가 필요하다..!
MBTI 검사 시 I 100% 형 인간으로서, 온라인에서조차 '홍보' 를 한다는 건 쉽지 않은 일이다.
특히 나에게는 생각보다 많은 에너지를 소모하는 작업이기도 하다.
그럼에도 불구하고, 패키지를 알리지 않으면 아무 일도 일어나지 않는다는 걸 알기에 결국 용기를 내보기로 했다.
기본적인 준비가 끝난 뒤, 초기 홍보로 글로벌 타겟은 Reddit, Hacker News, 국내 타겟에는 카카오톡 프론트엔드 개발 오픈채팅방에 masoneffect를 소개하는 글을 작성해서 올렸다.
지금까지 이런 패키지는 없었다. 이것은 영상인가 애니메이션인가.
얼마의 시간이 흐른 후 조심스럽게 피드백을 확인해 본다.
컥.. 정말 많은 피드백과 과한 칭찬을 듣고 어떻게 반응해야 할지 잠시 얼었다.
특히 프론트엔드 개발에서 유명하신 '테오'님이 직접 등판하셔서 채팅방 공지까지 등록해주셨다. (😵)
다들 감사하게도 많은 관심과 피드백을 받은 내용을 추진력 삼아 앞으로의 개선점과 업데이트 방향에 대해 정리해보는 결정적인 계기가 되었다.
🧐 4. 중간 점검 : 피드백 정리.
고마운 온라인친구들(?) 의 피드백 중 시도해 볼만한 것을 추려보았다.
(1) svelte 지원.
masoneffect 는 react, vue, vanilla js 환경을 지원한다.
피드백 중 한분이 스벨트 환경까지 지원한다면 해외에서도 긍정적인 피드백을 받을 수 있을 것 같다는 의견을 주셨다. 타당한 제안이라고 판단해 다음 업데이트에 반영하기로 했다.
(2) React Troubleshooting 기록 누락.
React 환경에서 resize 렌더링 과정에서 파티클이 생성되지 않는 현상이 있었다. 패키지 사용 중 같은 혼선을 겪지 않도록 Troubleshooting 과정을 포스팅하고 README에서 가이드로 연결하려 했다.
처음엔 md 파일로만 만들어놓고 이후 블로그 개편 후 포스팅하는게 좋겠다고 생각해서 따로 빼둔것이 문제였다.
이 피드백을 계기로 이참에 숙제처럼 생각만했던 블로그를 개편하게 된 계기가 되었고, 관련 Troubleshooting 과정은 지난 masoneffect 개발 포스팅에 기록해 두었다.
(3) React Bits 기여.
솔깃했던 피드백중 하나로 React Bits 오픈소스 라이브러리 효과중에 하나로 기여해보는 것을 의견주셨다.
React Bits는 React 프로젝트에서 바로 쓸 수 있는 UI/인터랙션 컴포넌트 모음 패키지로 다양한 애니메이션 효과들과 글로벌 개발자 커뮤니티에서 검증된 패키지로 잘 알려져 있다.
이 패키지에 기여할 수 있게 된다면 그것 또한 재미있고 의미있는 경험일것 같다.
👨🏻💻 5. 마무리 : 정리.
역시 많은 사람들의 이야기를 듣다보면 내가 놓쳤거나, 생각 못한 좋은 아이디어를 발견하게 된다.
덕분에 패키지를 배포한 뒤 지표를 기반으로 사용 흐름을 확인하고, 홍보를 통해 다양한 피드백을 접하게 되면서 막연했던 다음 업데이트 방향이 정리되었다.
다음에는 React Bits 기여 도전 과정에 대한 이야기를 기록해 보려 한다.
댓글