Skip to content

kangdanne/react_team_project_BBADDA

 
 

Repository files navigation

BBADDA 프로젝트 Front-end/Back-end 소개

  • MLB 굿즈 온라인 샵 MLB 클론 프로젝트
  • 짧은 프로젝트 기간동안 개발에 집중해야 하므로 디자인/기획 부분만 클론했습니다.
  • 개발은 초기 세팅부터 전부 직접 구현했으며, 백앤드와 연결하여 실제 사용할 수 있는 서비스 수준으로 개발할 수 있도록 2주간 고군분투 하였습니다.

개발 인원 및 기간

프로젝트 선정이유

  • 조사결과 이 사이트는 클론 코딩을 하며 배울점이 많다고 판단해서 선정하게 되었습니다.

적용 기술 및 구현 기능

적용 기술

  • Front-End : React.js, sass

구현 기능

  • 로그인 JWT 토큰, Local / Session Storage 를 이용한 로그인 기능.
  • 디자인 패턴에 따른 컴포넌트 생성 및 재사용, 조건부 랜더링, 상수데이터를 활용한 화면구성을 이용한 회원가입.
  • 엑세스 토큰을 이용한 회원 인가, 데이터 정보 요청, 라이프 사이클과 fetch함수를 이용한 데이터 통신/결제 기능 구현한 주문/결제.
  • carousel 등의 이미지 디스플레이 기능을 구현한 메인 페이지 및 Nav 바.
  • fetch 를 이용한 백엔드 데이터 통신 및 React lifecycle 을 이용한 상품 리스트.
  • fetch 함수의 POST method을 사용한 유저 입력값을 받아 다시 백엔드로 전달하는 기능을 구현한 상품 상세 페이지.
  • REF 를 이용한 특정 DOM 상태 관리.

아래 Reference 부분은 README.md에 꼭 포함되어야 하는 내용입니다

Reference

  • 이 프로젝트는 MLB 사이트를 참조하여 학습목적으로 만들었습니다.
  • 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.
  • 이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.

test

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.1%
  • SCSS 29.6%
  • HTML 0.3%