개발자 99% 커뮤니티에서 수다 떨어요!
1. 결과물 URL
https://zeonjune.github.io/crazyonese_chromeextension/
// 이미지가 고해상도이다보니, Gitgub ph-pages에서는 이미지가 로딩되는데 시간이 조금 걸리네요!
새로고침하시면 명언과 이미지가 계속해서 변경됩니다. ㅎㅎ
<크롬 익스텐션으로 사용해야 진짜 서비스 가치를 알 수 있으니, 익스텐션 다운로드도 꼭 한번 해봐주세요! 😆ㅎㅎ 익스텐션 링크는 중간에 넣어두었습니다.>
2. 자기소개
안녕하세요, 저는 창업을 준비하고 있는 지현준입니다.
이전에, "토링"이라는 멘토링 서비스를 창업했다가 서비스를 종료하고 현재는 IT 창업을 하기 위해 최근 노마드 코더로 공부하고 있습니다. 노마드 코더를 통해 제가 생각하는 최소한의 MVP를 만들 수 있는 역량을 갖추는 것이 목표입니다.
현재는 광인회관이라는 공간에서 7명의 창업가들과 함께 살며, 하루 하루 꿈을 꾸면서 살고 있습니다!
3. 서비스 소개
Crazyones는 전설적인 7명의 창업가(빌게이츠, 스티브 잡스, 일론머스크, 제프베조스, 래리페이지, 마크주커버그, 손정의)가 당신의 이름을 불러주면서 동기부여 시켜주는 서비스 입니다.
(제목의 Crazyones는 스티브 잡스가 평소 자주하는 말인 "Crazy Ones가 되어라"에서 영감을 받아 작성했습니다.)
페이지가 새로고침 될때마다 창업자들이 여러분의 이름을 불러주면서 명언이 랜덤으로 갱신되며, 명언은 창업자들과 매치되어 나타납니다. 총 200개 이상의 명언을 직접 한땀 한땀 집어 넣었습니다 ㅎㅎ!
또한, 연간 목표를 기록해 항상 자신의 목표를 기억할 수 있도록 하였습니다.
이제, 새 탭을 여는 것만으로도 동기부여를 받을 수 있을 뿐 아니라, 자신이 세운 목표에 유념하며 목표에 집중할 수 있습니다.
(우측 상단에 언어 버튼을 변경하면 영어로도 서비스를 이용하실 수 있습니다!)
3-1. 서비스 개발 동기 및 서비스 현황
NomadCoder의 Momentum 클론 코딩을 통해 코딩을 처음 시작하고 나니까, 유의미한 결과물을 만들어 보고 싶었습니다. 그래서 평소 관심있는 주제와 정말 제가 쓸 수 있는 서비스를 만들어 보고 싶었습니다.
크롬 익스텐션으로 배포하는 과정까지 구글링을 통해 해결하고, 주변에 창업하는 지인들에게 서비스를 홍보해보니 생각보다 반응이 너무 좋았습니다.
어떤 스타트업은 사내 슬랙을 통해 서비스가 공유되며, 구성원 대부분이 다운로드를 하는 신기한 결과도 마주할 수 있었습니다.현재 하루 평균 페이지 뷰 수가 3000회 정도 됩니다 ! ㅎㅎ (물론, 새탭이어서 페이지 뷰수가 말도 안되게 나오긴 합니다..ㅎㅎ)
<크롬 익스텐션은 여기서 다운 가능합니다!>
익스텐션 댓글까지 달아주는 여러분은 Love...😍
4. 개발과정 (어려웠던 점과 해결방법)
처음 코딩을 하다보니, 그리고 html/css/vanilla js만 알고 있다보니 삽질을 많이 했습니다. 특히 어려운 것은 3가지 였는데,
1. TO-DO 수정 기능
Local Storage에 있던 내용을 지우고 다시 덮어써야하나 싶어서 .map과 .forEach 등을 가지고 이리저리 만져보는 삽질을 진행했습니다. 그런데, 생각해보면 결국 LS에 Save할 때는 list 형식으로 하는 것이다보니 list를 바로 변경해서 저장해버리면 된다는 생각을 뒤늦게하고 해당 방식으로 해결할 수 있었습니다.
2. 명언 일일이 기입하는 과정 & 이미지 소싱 + 익스텐션의 업데이트 속도..
좋은 서비스를 만드는데에는 quality가 중요하다는 사실을 다시 한번 깨달았습니다. 인터넷에 있는 명언들을 하나하나 list에 추가하고, 이에 맞는 이미지들을 하나하나 소싱하는 과정들이 큰 허들이었습니다.
주 이용자층이 스타트업에서 근무하는 분들이다보니 모니터로 익스텐션을 마주하는 일이 많았고, 그래서 Full HD이니 3840x2160으로 이미지 크기를 다 맞춰야하기도 했었습니다.
그리고 크롬 익스텐션의 업데이트 속도가 생각보다 느렸습니다. 평균적으로 7일 정도 걸렸던 것 같네요😂
3. 새로고침할 때 나타나는 흰색 화면
이건 아직도 해결하지 못한 문제입니다. 혹시 이 글을 보시는 능력자분들 혹은 Nico 쌤이..(Lynn 쌤을 통해서라도..) 꼭 조언해주셨으면 좋겠습니다😥
문제는 바로, 새탭을 열때 잠깐 0.1 초 정도의 흰색 화면이 나타납니다. 브라우저에서 익스텐션을 로드하는 잠깐 사이에 일어나는 문제인데 Momentum에서도 동일한 문제가 발생합니다만, suffit이라는 extension에서는 이를 해결한 것으로 보입니다. (아무리 새로고침을 해도 검은색 화면이 유지됩니다.)
이틀 정도 Stackoverflow를 헤엄치면서 해결책을 찾아다녔지만 아직도 해결을 못한 상태입니다 ㅠㅠ
5. 앞으로의 계획
초기 서비스의 반응이 좋아 Google analytics를 추가하고 스타트업씬과 대학생을 포함한 동기부여에 니즈가 있는 타겟을 대상으로 홍보해볼 예정입니다.
또한, Product Hunt에도 올려볼 에정입니다. Product Hunt의 유저가 서비스의 타겟과 굉장히 일치하는 느낌을 많이 받았습니다. (이를 위해서 영어 버전을 추가한 것이기도 합니다 ㅎㅎ)
여러분과 같은 Nomad 출신 코린이의 첫 서비스 출시를 지켜봐주세요! ㅎㅎ
혹시, 홍보를 도와주실 수 있는 분들은 댓글로 알려주시면 정말 감사하겠습니다!
(제품 피드백도 너무 환영입니다!!! ㅎㅎㅎㅎ)
카톡방이나, 에브리타임을 주 채널로 이용할 예정입니다! 저도 처음으로 해보는 과정들이어서 재밌는 프로젝트 가까이서 지켜본다는 느낌으로 도와주시면 너무 감사할 것 같습니다 헤헤