WeCode Class101 클론코딩 프로젝트 (Front-End)

프로젝트 소개🙌

  • '준비물까지 챙겨주는 온라인 클래스'라는 슬로건을 포함해 공격적인 마케팅으로 최근 떠오르는 취미 플랫폼 Class101 클론 코딩

개발 기간📆

  • 2020년 8월 3일 ~ 2020년 8월 14일(12일)

팀원🐙

  • 10기 신영재
  • 10기 배정규
  • 10기 이윤식

개발 목적🧾📈

  • React Hooks를 이용해 함수형 컴포넌트에서는 React가 어떤식으로 작동하는지 익힌다.
  • useEffect를 이용해 라이프사이클에 대해 심화된 내용에 대해 학습한다.
  • Agile 방법론을 적용하여 효율적인 협업 프로젝트를 진행해본다.

기술 스택 및 구현 기능🛠

기술 스택

  • React.js
  • React Router
  • React Hooks
  • RESTful API
  • Scss
  • Styled Component
  • Slick.js
  • Moment.js
  • Class101 UI Package

구현 기능

  • 로그인, 회원가입
  • Social Login 기능 구현
  • React Router를 이용한 페이지 이동 기능 구현
  • axios를 통해 백엔드와 통신 구현
  • Slick.js를 활용한 슬라이드 구현
  • 찜하기 기능
  • 로그인 여부 판별하여 기능 구분
  • 동영상 스트리밍 기능
  • 댓글 이미지 업로드 및 추가 삭제 기능
  • 마이페이지 정보 DB 연동

정리

  • React Hooks와 함수형 컴포넌트를 사용해보며 라이프사이클에 대해 조금 더 이해할 수 있었다.
  • Hooks를 이용한 상태관리를 경험해봤는데 Redux의 필요성에 대해 느꼈다.
  • Agile 방법론을 적용하여 프로젝트를 진행해보니 왜 Agile 방법론에 대해 강조하는지 알게 되었다.