OTT(Over The Top) 서비스 제공 사이트 NETFLIX를 클론 코딩하였습니다. agile 방법론을 활용한 scrum 방식으로 프로젝트를 진행했습니다. MAU를 고려해 기존 페이스북만 제공되던 소셜로그인을 카카오, 구글로 변경하는 등 기존 사이트에서 인식한 문제점을 코드로 개선하려고 노력하였습니다.
개발기간 : 2021.09.13 - 2021.10.01 개발 인원 : 프론트엔드 3명, 백엔드 2명 개발자
- FE: 김동희 김승찬 박은정
- BE: 고준영 김장호
- Javascript (ES6+)
- React with Hooks, React Router
- styled-components
- Python3
- Django
- Slack
- Git & Github
- Trello
- POSTMAN
- 이 프로젝트는 NETFLIX 사이트를 참조하여 학습목적으로 만들었습니다
- 학습수준의 프로젝트로 만들었기 때문에 이 코드 및 데모영상을 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다
- 이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.
| 김동희 | 김승찬 | 박은정 |
|---|---|---|
|
- 데이터 값에 따라 이동거리가 달라지는 Carousel Slide 구현 - Portal을 통한 Modal 구현 - 페이지, Carousel, Modal component 간 라우팅 연결 |
- scroll에 따라 스타일링이 변화하는 nav bar, footer 구현 - 메인페이지 및 modal창 내 비디오 스트리밍 구현 - 페이지, Carousel, Modal component 간 라우팅 연결 |
- 유효성 검사를 포함한 회원가입 기능 구현 - 유효성 검사 및 token을 부여하는 로그인 기능 구현 - kakao, google 소셜 로그인 기능 구현 - modal 내의 하트 아이콘 클릭을 통한 '찜하기' 기능 및 찜하기 리스트 기능 구현 |
| 고준영 | 김장호 |
|---|---|
|
- StreamingHttpResponse 와 S3를 이용한 스트리밍 서비스 - jwt토큰과 이를통한 얻어진 권한을 활용한 찜하기 기능 구현 - Docker, EC2, RDS, S3를 활용한 배포 |
- Flix 서비스 회원가입, 로그인 API 구현 - 카카오, 구글 로그인 API 구현 |