클론코딩 프로젝트
총 14주 중, 5주차에 진행하게 됩니다. 평균 3~4명의 프론트엔드와 백엔드 팀원이 불과 1주일 만에 이루어낸 결과물입니다.
지금까지의 배움들을 정리하면서, 기존의 서비스를 100% 똑같이 구현해봅니다. 이를 통해 자연스럽게 주특기를 갈고닦게 됩니다. 참고할 키워드와 가이드라인을 제공받되, 주도적 학습을 통해 어려운 실습 과정을 팀원들과 함께 끝까지 실행하는 법을 훈련합니다.
이를 통해 서비스를 뜯어보고 이를 바탕으로 기획부터 개발까지 할 수 있는 사람, 팀으로 협업할 수 있는 사람이 됩니다.
1조
tumblr
React, Redux, Axios / Node.js, Express, MySQL
블로그형 SNS tumblr를 클론코딩 하였습니다.
2조
정육각 클론코딩
React, Styled-Components, Redux / Node.js, express.js, mongoDB
식재료를 고르는 기준이 가격도, 품질도, 편리함도 아닌 '정육각'으로! 메인 페이지의 베스트 상품, 카테고리별 상품, 그리고 장바구니 추가, 수정, 삭제 기능까지 구현한 정육각 클론코딩 프로젝트입니다!
4조
Fakebook 페이크북
React / Node.js
페이스북을 클론코딩한 페이크북입니다😎 주요 구현기능: 메인페이지 게시글 피드, 댓글 CRUD, 좋아요, 실시간 랜덤채팅
5조
동물자유연대
React / Node.js
동물자유연대의 유기동물 입양하기 페이지입니다. 로그인/회원가입, 포스팅, 수정·삭제, 좋아요 기능과 귀여운 동물 친구들을 함께 만나보세요!
6조
항해이츠
React / Node.js
항해이츠에서 오늘 저녁 치킨 어때요?
7조
페이스북 클론코딩
React / Node.js
7조_페이스북 클론코딩 FE: 뷰, 토큰로그인, 회원가입 모달, 피드, 삭제 BE: MySQL 학습, 진행, 배포 Node.js 2, React 2, 하나부터 열까지 공유하고 함께해낸, 서로 배워가는것이 많았던 한 주였습니다.
8조
EPIMINT
React / Node.js
민트초코 아이스크림에 다채로움을 더하다. 평범한 민트초코에는 이제 질리셨나요? 다채로운 민트초코를 추구하는 『EPIMINT』에서 새로운 민트초코와의 운명적인 만남을 선사합니다! 당신의 인생 민트초코는?
9조
슬랙 클론 코딩
React / Node.js
슬랭 클론 코딩 - 슬랙 워크스페이스 하나를 클론코딩 하는 것을 목표로 진행했습니다.
10조
클론코딩 10조
React / Node.js
인스타그램 클론코딩을 시도했습니다.
11조
팀 11 롯데시네마 클론 코딩
React / Node
롯데시네마 클론코딩
12조
베스킨라벤스 클론코딩
react / nodejs
베스킨라벤스 홉페이지를 클론코딩 했습니다. 실제 베스킨 라벤스 에서 판매하는 아이스 크림을 직접 검색 해보세요. 서울시에 있는 매장도 확인 할 수 있어요. 프론트앤드(react)권지영,장정윤 백앤드(nodejs) 박정훈, 이윤주, 이은택
13조
뉴니커
React / Node.js
세상 돌아가는 소식, 알고는 싶지만 신문 볼 새 없이 바쁜 게 우리 탓은 아니잖아요! 뉴닉 사이트를 클론코딩했습니다!
15조
다방 클론코딩
React / Spring
다방의 메인페이지, 상세페이지, 방올리기 클론코딩 하였습니다.
16조
인스타그램 클론 코딩
React / Spring
인스타그램 클론 코딩입니다. 게시글 조회 및 작성, 댓글 작성, 좋아요 기능 등을 구현하여 인스타그램과 최대한 유사하게 만들었습니다!🙋🏻‍♂️
17조
Velog
React / Spring
벨로그 클론코딩으로 회원가입, 프로필 변경, 마크다운 블로그, 댓글 작성 수정 삭제 기능 그리고 검색기능을 추가한 프로젝트입니다.
18조
tenor
React / Spring
tenor 클론코딩
19조
원티드 클론
React / Spring
원티드의 탐색, 공고, 마이 페이지를 클론했습니다.
20조
마켓컬리 클론코딩
React / Spring
마켓컬리 클론코딩 - 메인페이지 일부분과 카테고리 선택시 해당 카테고리 제공을 목표로 진행했습니다.
21조
리디북스 클론코딩
React / Spring
리디북스의 카테고리 페이지를 클론코딩했습니다.
22조
인스타그램 클론코딩
React / Spring
인스타그램 클론코딩으로 좋아요, 팔로우, 댓글 실시간 업데이트, 실시간 좋아요,작성글 수 등의 정보 업데이트와 테이블의 다양한 연관관계, 그리고 AWS에 서버를 올리는 도전점들을 모두 수행한 프로젝트입니다.
23조
23조 imstagram clone-coding
React / Spring
인스타그램 클론코딩입니다. 로그인, 회원가입, 게시글 CRUD, 댓글, 좋아요 기능을 구현했습니다.
24조
마켓컬리
React / Spring
배송 서비스도 퀄리티있게! 문앞까지 신선하게 배송하는 마켓컬리 샛별배송. 마켓컬리 클론코딩입니다.
25조
Facebook clone
React / Spring
페이스북을 클론코딩하였습니다.
26조
힌터레스트!!! ✨
React.js / Spring
다양한 이미지들이 모여있는 핀터레스트를 클론 코딩 했습니다! 26조 여러분 너무 고생하셨어요!! (곽신영, 채병훈, 박강희, 석상필, 예상기)
27조
벨로그(velog) 클론코딩
React / Spring
개발자들을 위한 블로그, 벨로그(https://velog.io) 클론 코딩 프로젝트입니다. 회원가입/로그인은 소셜 로그인 배제하여 일반 로그인으로 구성하였고, 가입 시 프로필 이미지를 업로드 받습니다. 벨로그의 특징인 마크 다운 포스팅 기능, 전체 포스트 페이지, 포스트 상세 페이지, 댓글 기능을 구현하였습니다.