나이키 클론 프로젝트.
개발 초기 세팅부터 전부 직접 구현했으며, 실제 사용할 수 있는 서비스 수준으로 개발하는 것을 목표로 라이키 팀원들과 즐겁게 작업한 1차 프로젝트 입니다.
- 깔끔한 UI, 커머스 사이트의 기본적인 로직이 모두 들어가있어 프론트, 백엔드 모두 첫번째 프로젝트로 진행하기에 배울 점이 많다고 판단하여 선정하게 되었습니다.
-
개발 기간 : 2021년 11월 01일 – 11월 12일
-
개발 인원
- Front-end 3명 : 임연수, 전지완, 신유진 👉️ Front-end github 링크
- Back-end 2명 : 이지은, 김봉철 👉️ Back-end github 링크
- Front-End : HTML5, SASS, React, AWS S3
- Back-End : Python, Django, MySQL, jwt, bcypt, AWS EC2, Redis
- Common : Git, Github, Slack, Trello, Postman
로그인 & 회원가입
- 로그인 모달 구현
- 로그인과 회원기입 유효성 검사 로직구현
네비게이션
- 카테고리 데이터를 이용하여 네비게이션의 메뉴명과 서브메뉴명 업데이트
상세페이지 / 리뷰 아코디언
- 사이즈별 선택시 해당 사이즈의 최대 수량 업데이트
- 리뷰 별점 표기 가능
미니장바구니 / 장바구니페이지 / 주문내역페이지
GET,POST,DELETE로 백엔드와 통신 구현
메인 페이지
- QueryString을 이용하여 카테고리 필터 기능 구현
-
신유진
- 이번 프로젝트에서 로그인과 회원가입을 맡으면서 처음에는 쉽게 생각했다. 막상 시작해보니 결코 쉬운 부분이 아니었고, modal을 사용하여 팝업창도 구현하고 checkbox를 커스텀해보기도 하고 많은 것을 배우고 성장할 수 있는 기회였다. 또, 어떻게 해야 깔끔한 코드인지 무조건 짧다고 좋은 코드가 아니라는 것도 깨닫게 됐고, 나의 코드를 통해 화면이 채워지고, 백엔드와 통신에 성공하는 순간들을 경험하면서 성취감을 느끼면서 더욱 적극적으로 열심히 참여할 수 있었다. 프로젝트는 끝났지만 로그인과 회원가입 부분을 좀 더 깊게 공부해 볼 계획이다. 마지막으로 프로젝트를 하면서 팀원들과의 소통과 화합이 좋은 결과를 만들 수 있었다는 것을 가장 크게 느낄 수 있었다.
-
임연수
- 리엑트에 대한 전반적인 이해를 할 수 있었던는 프로젝트였습니다. 제일 기억에 남는 코드는 상세페이지에 사이즈 주문 수량 체크하는 부분이었어요. 그 기능을 구현하면 리엑트가 선언형이라는 대한 전반적인 이해를 할 수 있었어요.
-
전지완
- 처음으로 React.js를 배운 후 진행된 프로젝트였습니다. 개발자의 역량/사고력을 높이는데 굉장한 도움이 된 계기가 됐습니다. 팀원 분들과의 '소통' 뿐 만이라 '개발자들 간의 소통'은 별개였다는 것을 깨닫게 된 좋은 계기가 됐습니다. 이 프로젝트의 메인 페이지를 코딩하면서 문제점에 직면 했을 때 어떤 자세로 그리고 그것을 해결하기 위해 어떻게 접근 해야 하는지 깨닫게 됐습니다. 자세한 사항은 개인 블로그에 정리 했습니다.
- 이 프로젝트는 Nike 사이트를 참조하여 학습 목적으로 만들었습니다.
- 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.