pjainxido/backend

Whatz

🏆디자인-프론트-백엔드 연계 모바일용 웹 서비스 만들기 챌린지 TOP10%🏆

목차

• 팀원
• 프로젝트 목표
• 동작 방식
• 개발 및 배포환경
• 동작 테스트

팀원✨

Lee-seungju(slee2) Back End

bluewow(Ki Hyun Kim) Back End

pjainxido(Park Jein) Front End

kks2139(kwangsun) Front End

장지현 Designer

프로젝트 목표

2022.04.15-2022.05.15 1달의 기간 동안, 숏츠를 이용한 영상 스트리밍 웹 사이트 제작

동작 방식

• 영상을 업로드 하기위해 서버로 MultipartFile을 제공
• 서버에서 해당 파일을 FFmpeg 외부 프로그램을 이용하여 .m3u8과 .ts파일 생성 후 로컬에 저장
• 로컬의 파일을 S3로 전송 후 로컬 파일 삭제
• S3에 연동된 CloudFront 경로 + 파일 경로를 DB에 저장
• 이후에 HLS 기술을 이용하여 프론트는 서버에서 보내준 DB에 저장된 경로를 CloudFront로 요청하여 영상 스트리밍

• 소셜 로그인 기능

개발 및 배포환경

• Back End
  • Spring Boot, Spring Security, Spring Rest Docs, FFmpeg, HLS
  • MySQL, H2
  • AWS EC2, S3
• Front End
  • React, HLS
  • Typescript, NextJS, styled-jsx, Redux, Axios

동작 테스트