React | G9 Clone Project O9O9 후기!

(갓현지님이,,, 만들어주신 귀여운 O9O9 로고...🥰 너무 귀엽잖아...)

G9 👉 O9O9 프로젝트

현재 이베이코리아에서 운영중인 커머스사이트 G9를 클론해보는 프로젝트이다.

🤔 왜 G9야??

• ui가 너무너무 깔끔, 간결하고 예쁘다!
• 제품이 무분별하게 많지 않아서, 평소에 편안하게 이용하던 사이트였기 때문에 클로닝을 해 보고 싶었다!

💙 우리는 사랑으로 가득한 O9O9팀입니다 💙

오구오구~~!! 이름에 맞게 팀원들도 너무 귀엽고 착하고 똑똑하고 다 해...🥰

다들 너무 착하고 순둥둥하셔서 팀내 의견 충돌은 1도 없었구,,,
2주동안 너무 즐겁게 프로젝트를 완성할 수 있었다!

프로젝트 진행기간

2020년 11월 16일 ~ 2020년 11월 27일 ( 12일 간 )

사용한 기술

• Frontend

JavaScript ES6
React (CRA)
React slick
React select
Sass

• Backend

Python
Django

• 공통

git
Slack
Trello

O9O9팀의 목표

- 무리하게 하지 말자!
- 할 수 있는 것부터 차근차근 하면서 자기 것으로 만들자!

👩‍💻 agile하게...

자동차를 만드는거라면,,, 처음은 일단 굴러가게 만들기,,, agile... 우선해본다.... 눈물 주루룩,,,

👩‍💻 협업 툴 trello 사용

• 트렐로는 현재 팀원들의 프로젝트 진행 상태를 알 수 있고, 어떤 일을 완료했고, 어떤 일을 해야하는지 한 눈에 볼 수 있어서 편리하다!

👭 하루 두 번, 스탠드 업 미팅

우리 오구오구 팀은 모닝에 한 번, 이브닝에 한 번, 간단하게 각자 현재 진행상황을 공유하며 소통을 가장 중요시했다. 그래서인지 정말 원활하게 프로젝트가 이루어졌고, 즐겁게 끝낼 수 있었다!

💙 결과 💙

👩‍💻 회원가입 페이지

• 구현사항
  1 회원가입 유효성검사
  2 유효하지 않으면 빨간 글씨 input박스 하단에 띄워주기
  3 아이디 중복확인
  4 메일로 인증코드 발송과 인증 확인
  5 대망의 체크박스....하.... 체크박스...💫

👩‍💻 로그인 페이지

• 구현사항
  로그인 유효성검사

👩‍💻 장바구니 페이지

• 구현사항
  1 cart list 컴포넌트 만들기
  2 카트 아이템 수량 변경
  3 카트 아이템 삭제
  4 수량 변경시 가격도 변동
  5 여기도 대망의 체크박스....하.... 체크박스...💫

💙 후기 💙

팀원들은,,, 내 두번째 멘토고 스승...💙 프엔젤 현지퀸&&위즈덤님 없었으면 정말 오래 걸렸을 것 같고, 12일이라는 짧은 시간 안에 해내지 못했을 수도 있다.

프로젝트 시작 전까지만 해도 백엔드에서 데이터를 어떻게 받고, 그 데이터를 어떻게 써야하는지조차 몰랐었다. 그리고 백엔드분들이 답답해할까봐 두렵기도 했다.
그래서 일부로 백엔드와 가장 통신이 많은 로그인, 회원가입, 장바구니 페이지를 맡았다.
백엔드 분들과 충분히 소통을 하고, 현지퀸과 위즈덤님의 도움을 받아 우당탕탕 통신을 잘 마칠 수 있었다.... 이제 백엔드가 더이상 무섭지 않다...!! + 깃도....
아니 거짓말이야 깃은 무서워...

이제 내일이면 2차 프로젝트가 시작되는데 우리 오구오구 팀들이 벌써부터 그립다....
성보좌... 내 웃음벨을 이제 같은 팀으로써 보지 못하다니... 벌써 그리워...+나에게 언제까지 모를거냐고 팩폭을 날리던 승제님도...+ 조근조근 재밌는 민영님도...

현지퀸,, 위즈덤님은 두말하면 입아픔...

💙 끝날 때까지 끝난 게 아니다... 💙

프로젝트는 끝났지만 이제 울팀 코드리뷰 하러 간다!!
우리팀 너무 대단하고 멋져♥️
마지막까지 홧팅~~!

깃헙 주소!