하루 1시간 3주 만에 웹사이트 만들어 떼돈 벌기 (Textus)

안녕하세요, 한 달 전에 인디해커 관련 글 2개를 봤습니다.

혼자 서비스를 만들고, 그걸로 돈을 벌어 하루에 조금 일하며 세상에 가치 있는 일들을 하시는 분들에 관한 스토리입니다.

한동안 여기에 빠져서 나도 해봐야겠다! 라는 생각이 들어서 바로 서비스를 만들기 시작했고, 

하루 1시간씩 투자해서 20일 정도?만에 서비스를 만들었습니다. (아예 안한 날도 좀 있었고, 중간에 몇 일 쉬었던 날도 있습니다.. ㅎㅎ) 아직 떼돈은 벌지 못했습니다. ㅜㅜㅠ

주제 정하기

"그렇다면 어떤 서비스를 만드는 게 좋을까?" 생각하다가, 제가 관심있어하는 "영어 관련한 것을 해보자!" 라는 생각이 들었습니다.  "그럼 내가 영어공부를 하면서 불편했던게 뭐지?"  라는 생각이 들었고, 2가지가 떠올랐습니다. 

첫번째로는 한 단어를 알았는 데, "이게 실제로 어떻게 쓰이는 거지?", "어떤 문맥에서 사용되는 거지?" 

그런게 궁금했었고, 현재 내가 아는 사이트 중에 간단한 예문만 주는 사이트는 있지만, 전체 문맥을 알 수 있게 긴 문장을 

보여주는 사이트는 없었습니다.

두번째로는 이게 실제 외국인들이 쓰고 있는 단어가 맞나? 아니면 정말 책 속에서만, 교과서 속에서만 존재하는 죽은 단어인가?도 매우 궁금했었습니다.  

그런것들을 해결해줄 수 있는 것을 만들어야겠다! 라고 생각했고 

그래서 Textus를 만들게 되었습니다. 

Textus로 뭘 할 수 있는 가?

Textus는 단어 혹은 어구를 입력하면 그 단어가 포함된 문장들을 나열해주는 사이트입니다. 

그럼 이 사이트는 어떻게 위에서 말한 2가지 것들을 만족시켰을까요?

1. 주변 문장들을 전부 보여줍니다. 

실제 그 단어가 사용됐던 문장 이외에도 그 앞뒤 문장들을 전부 보여줍니다. 

이렇게 함으로써, 해당 단어가 "아 이 단어는 이럴 때 쓰는 거구나", "이 단어 주변에는 이런 단어들과 같이 쓰이는 구나", 라는 것을 알 수 있게 해줍니다.  

2. 실제 원어민들이 사용하는 문장들만 가져왔습니다.

Textus의 문장 출처는 다양하지만, 상당부분은 유튜브 댓글에서 가져왔습니다. 문어체, 교과서에서 쓰는 문장, 단어들이 아닌, 실제 원어민들이 사용하는 문장들입니다. 어찌보면, 구어체에 가까우며, 십대들이 사용하는 은어나 약어, 인터넷 용어들도 다수 포함하고 있습니다. 

사용법

사용법은 굉장히 간단합니다. 

검색창에 원하는 단어를 입력하면 해당 단어를 포함하는 문장이 나오고 

해당 문장을 클릭하면, 해당 문장이 포함되어 있는 글 전체가 다 나오게 됩니다. 

기술적인 부분들은요...

전체적인 구현은 리액트를 사용해서 구현했습니다. 

코드관리는 혼자 코드 작성했지만, github를 이용해 서로 다른 디바이스에서도 쉽게 코딩할 수 있게 했었고, 노트북 하나만 들고 여기저기 다니며 (비록 방구석이지만) 코딩해서 디지털 노마드 느낌을 냈었습니다.ㅋㅋ (말 그대로 진짜 방구석임)

디자인은 MUI라고 라이브러리인데, 사이트에 디자인을 react로 짜놓은 코드가 다 존재해서, 디자인을 보고 코드를 고르기만 하면 되어 굉장히 편리했습니다

그리고 이번 구현은 chatgpt 선생님의 도움을 좀 받아봤습니다.공짜버전으로 썼는 데도 충분히 쓸만하더라구요

점점 이용제한이 생기는 것 같은 데...

배포는 netlify라는 플랫폼을 사용했습니다.

개인적으로는 배포 에러가 자주 발생하는 거 같아 살짝 비추입니다.  

분명 로컬에서는 빌드가 되었었는 데, 해당 플랫폼에서는 잘 안되더라구요. 장점은 dns 등록이 편하고, git에 push하면 바로 자동 배포 된다는 것. 근데 배포 실패해도 노티가 안와서 몇일 동안 배포 실패된지도 몰랐습니다.... 찾아보니, 유료 플랜에 노티가 있더라구요... 

Challenge 

1. DB

다수의 문장들을 저장해야되는 서비스라 db가 필요한 데, 어떤 db를 사용하면 좋을까 라는 생각을 했습니다. 

하지만 현재 모인 데이터의 양을 보니 굳이 db를 사용할 필요가 있을까? 라는 생각을 했습니다. 

서비스가 잘되고 계속 추가 개발을 하면서 데이터를 계속 늘리면 그때가서 해도 되지 않을까라는 생각이 들었고, 

그냥 서비스에 내장하기로 결정하였습니다. 

2. 수익화

수익화측면은 고민이 많이 되었던 부분이고, 아직도 고민이 되고 있습니다. 현재 2가지로 고민하고 있는 데, 

첫째는 광고수익입니다. 사이트 옆에 광고를 달아서 돈을 버는 그런 구조를 하나 생각하고 있고요, 

두번째는 유료화입니다. 현재 존재하는 비슷한 사이트를 보니 예문 5개까지만 보여주고 그 이상부터는 돈을 내고 봐야되는 그런 시스템을 만들었더라구요. 그래서 해당 방식을 따라하거나 아니면 아예 처음부터 유료로 하는 방식도 생각하고 있습니다. 

3. 트래픽 체크 

사실 사이트가 잘 되는 지를 판단하기 위한 수단으로 꼭 필요한 부분인데, 어떤 플랫폼을 이용해야 할지 못 정했습니다. 

배포에 사용했던 netlify에서는 1달 무료이고 그 이후에는 돈을 내야 트래픽을 볼 수 있습니다.  시중에 가장 유명한 similarweb이라는 트래픽 분석 사이트도 있는 데, https://pro.similarweb.com/ 에 들어가보니, 제 사이트 트래픽이 낮아서 그런건지 No results라고만 나오고 아무 결과가 안나옵니다.... 그래서 현재 netlify를 구매할 지 고민중입니다...

마케팅

여기저기 커뮤니티에 뿌리고 있습니다. 

Product hunt 

• https://www.producthunt.com/posts/textus

• 외국 사이트인데 트래픽도 많고 괜찮은 사이트 인거 같습니다.

Hacker News

• https://news.ycombinator.com/item?id=40641395

• 여기도 개발 커뮤니티인데, 트래픽은 많이 없는 것 같습니다.

디스콰이엇

• 현재 디스콰이엇에도 올려놨는 데요, 관심있으신 분들은 한번 봐주셔도 괜찮을 것 같습니다~ ㅎㅎ

이후에는 각종 영어 공부 관련 커뮤니티에 사이트 링크를 뿌릴 생각입니다.

트래픽이 많이 발생할 지 모르겠습니다... ㅠㅠ

이후에 상황 종종 업데이트 하겠습니다. ㅎㅎ 

이후 계획 

일단 다음 제품에 대한 아이디어은 현재 있는 상태이지만, 아마 한동안 바쁠 계획이라 잠시 제품 개발은 멈출 것 같습니다. 조금 여유가 생기면, 다시 바로 만들어서 다음 제품 만들고 

또 다음꺼 만들고 가볍게 계속 만들 생각입니다. 짧은 시간 안에 많이 만들어서 테스트해보고 잘 되는 것에만 집중하려고 합니다. 요즘 이런 product 만드는 게 너무 재밌고, 코딩으로 세상에 뭐든 걸 다 할 수 있을 것만 같습니다. 나중에는 아두이노로 hw에도 손을 대며 실제 제품도 만들어보고 싶네요. 장난감이라던지 드론이라던지. 저의 미래가 너무너무 기대가 됩니다.  ㅎㅎㅎ