20220616

🎡 크몽(kmong) - 클론코딩


🎑 클론코딩으로 크몽을 선택하게 된 목적 & 개발 백그라운드

목적 설명

유저 드리븐(User driven)하면서 프로바이더 드리븐(provider driven)한 웹페이지를 제작하고자 크몽을 선택하게 되었습니다. 이는 개발자의 기본적인 역량을 키우려는 것과 동시에 새로운 기능구현을 하는 것을 목표한 결과입니다.

부트캠프 항해99의 처음 한 달이 조금 넘은 시간동안 수강생들은 회원가입, 로그인 그리고 CRUD 기능을 중점적으로 다룹니다. 그렇기에 클론에 대한 목표로 인스타그램, 슬랙, 당근마켓과 같은 유저와 프로바이더가 상호작용하는 서비스를 클론하는 경향이 생깁니다. 이에 대한 참고자료로서 앞선 항해99 수강생들의 작품을 확인할 수 있었습니다.

팀원들과 기나긴 논의를 끝으로 저희 팀은 이전 수강생들이 하지 않은 클론의 목적으로 ‘크몽'을 선택했습니다. 대서양을 건넜던 콜롬버스의 마음을 가져보기로 한 것입니다. 참고자료 많지 않기에 막막하지만 작은 성공을 꿈꾸기에 크몽은 저희에게 실현 가능한 목표처럼 보였습니다.

개발 백그라운드

크몽의 컴포넌트가 많은 관계로 ‘크몽 엔터프라이즈(kmong.com/enterprise)’을 클론했습니다. 구현된 기능의 간단한 개요는 아래와 같습니다.

  1. ‘프로젝트 의뢰하기’ 버튼 클릭 시, 요소 선택 후 등록.
  2. 의뢰 된 프로젝트들의 리스트 반환.
  3. 회원가입 진행과 로그인.

보다 자세한 사항은 하기 ‘**3. Wireframe - 크몽’**에서 참고하실 수 있습니다.


👥 1. 제작 기간 & 팀원 소개

이름 개인 블로그 링크 깃허브 링크 프론트&백엔드
이가연 https://2022gygy.tistory.com/ https://github.com/gygy2022 프론트
조해솔 https://velog.io/@solpine https://github.com/sol-pine 프론트
한지용 https://velog.io/@jigom https://github.com/jigomgom 프론트
이동재 https://velog.io/@djlesque https://github.com/Epikoding 백엔드
박세열 https://park-se-yeol.tistory.com/ https://park-se-yeol.tistory.com/ 백엔드
김민지 https://velog.io/@alswlwkd20 https://github.com/minji-kim525 백엔드

조원 역할 및 기능 개발 설명

조해솔

한지용

이가연

이동재

박세열

김민지


🧰 2. 사용 기술 및 툴