안녕하세요! 마커스입니다!

(1) 자기소개

안녕하세요! 루비콘 3기 클랩팀에서 활동중인 프론트엔드 개발자 Marcus라고 합니다.

(2) 서비스 소개

저희는 구글에 널리 퍼져있는 블로그 글을 수집하여 프론트엔드 코스를 만들어주는 서비스를 운영하고 있는 클랩팀👏이라고 합니다!

현재 까지는 아래와 같이 총 5개의 코스를 오픈했습니다.

- React

- GraphQL

- Modern Javascript의 진화

- 프론트엔드 면접1편 (웹 기초 지식편)

- 프론트엔드 면접2편 (프론트엔드 기술편)

- 프론트엔드 면접3편 (다음주 월요일 26일에 공개될 예정)

프론트엔드 개발을 공부할 때 많은 아티클들이 존재해 공부하는 입장에서 어려움을 겪을 수 있어

좋은 아티클을 선별해 코스로 만드는것이 클랩팀에 미션입니다!

(3) 개발 과정

현재는 React, Next.js, Swr, Typescript로 프론트 기술스택을 구성했습니다.

저희는 이러한 질문부터 고민을 시작해 서비스를 만들기 시작했습니다!

커리큘럼

개발 공부를 하고 싶은데 사람들이 구글링부터 해보라고 한다. 뭐라고 검색해야할까..?

이런 사람들을 위해 우리 서비스에서 웹 상에 퍼져있는 블로그(아티클)들을 모아서 의미있는 단위의 커리큘럼을 만들어주자!

Cons 🤔

- 코딩을 막 배우기 시작한 초보자는 블로그 글 보다는 인프런이나 노마드코더와 같은 "강의"가 더 효율적일 수 있다.

- 아무리 유명한 글이더라도 너무 오래된 글은 현재 시점과 맞지 않는 내용일 수 있다.

아이데이션

- 우리의 세그먼트는 코딩을 막 배우기 시작한 사람이라기보다 블로그를 보고 스스로 지식을 습득할 수 있을 정도로 어느 정도 기본기가 있는 사람

- 기존 서비스들과의 차별점은 "정보 간의 연결성이 존재하느냐?"이다. 서핏 어썸데브블로그 등은 정보가 수평적으로 펼쳐져있고 단순한 카테고라이징 정도만 되어있을 뿐 그정보들 간의 순서나 연결은 없다.

MVP 필수 기능 정의!

아이데이션 과정이 끝났으니 MVP를 만들기 위해 필수 기능을 정의하는 과정을 거쳤습니다.

저희는 빠른 시간 안에 MVP를 만들어 시장에 낸 후 유저의 직접적인 반응을 보고 점진적으로 제품을 개선해나가느느 방식을 택했기 때문에 정말 필요한 기능이 아니면 모두 제외하기로 했습니다.

가설 세우기

팀에서 생각했던 가설은 다음과 같습니다.

- 검색과정에서의 문제

구글링을 했을 때 정보가 너무 많아 어려움을 겪을 것이다.

- 검색된 자료에서의 문제

SEO가 잘 되서 검색 결과 상단에 노출되는 글이라도 최신 정보라는 것이 보장되지 않기 때문에, 이부분에서 불편함을 느낄것이다.

가설 검증하기

클랩팀은 가설을 검증하기 위한 방법으로 서베이를 돌리기로 했습니다. 질문을 선택할 때에도 생각나는 질문을 무작정 적는 것 보다는, 질문에 적절한 기준을 세우고 기준에 맞는 질문을 정하기로 했습니다.

- 질문이 해당 서비스에 얼마나 기여할 수 있는지가 명확해야한다.

그렇게 위와 같은 질문들이 선택되었습니다!

가설이 맞아 떨어진 것

- 너무 옛날 자료가 많아 구글링에 어려움을 느끼는 사람이 많음

가설이 틀리거나 예상하지 못한 것

- 한글로 된 자료가 없어 구글링에 어려움을 느끼는 사람이 많다.

- 검색결과 너무 많아 구글링에 어려움을 느끼는 사람은 적음

추가적으로 알 수 있었던 것

- 좋은 글의 기준

참고 자료(특히 예제 코드)와 설명이 적절히 조합된 글

출처 표기가 잘 되어있는 글

- 나쁜 글의 기준

코드 없이 글만 많은 글

중간 내용(설정, 베이스 코드)가 생략된 글

- 인기가 많은 주제의 기준

트렌디

MVP Requirements 정의

서베이를 통해 검증된 가설과 알게된 내용을 기준으로 MVP 필수 기능을 정의했습니다.

애자일하게 작업하기

MVP 기능 정의가 끝났으니, 이제 작업을 할 차례입니다! 클랩팀은 일주일 단위로 스프린트를 돌리는 방식을 선택했습니다!

일주일마다 유저 스토리로 스프린트를 만들고, 칸반으로 현황을 관리했습니다. 스프린트가 끝나면 다음 스프린트에는 조금 더 발전된 스프린트를 위해 회고를 진행했습니다.

이상으로 저희 개발과정은 마무리 짓겠습니다 ㅎㅎ..

(4) 앞으로는?

많은 프론트 개발자분들이 저희 클랩 서비스를 이용해서 좋은 아티클들을 많이 접하면 행복할것 같습니다!

앞으로도 좋은 코스를 만들어 서비스에 개시할 예정입니다.

현재는 프론트엔드에 대한 코스만 존재하지만 더 나아가 사이트가 많이 발전한다면 서버, 디자인, 기획과 같은 한 직군에 포커스를 맞춘 서비스가 아닌 다양한 직군에 사람들이 좋은 정보를 공유받을 수 있도록 노력하겠습니다!

🚀 구독을 누르면 코스 오픈 메일을 받아볼 수 있으니 많은 관심 부탁드립니다!

감사합니다! 😄

👉 Clelab Site