- 기술스택
- Front : react, context api
- Back : nodejs, express
- Database : MySQL
- 전박적인 프론트단 개발은 react 프레임 워크를 사용, 상태관리는 context api를 사용했습니다.
- 프로젝트를 진행하면서 vimeo api, babylonjs 라이브러리를 사용
설명
한국장학재단에서 주관하는 행사에서 사용되는 웹 사이트를 제작했습니다
멘토와 멘티로 구분되는 유저가 웹에서 로그인을 하고 vod 영상 시청을 하고 라이브 영상을 시청할 수 있습니다.
역할
- 역할
- vod 영상 리스트의 ui 제작
- 임베드된 vimeo 영상을 웹에서 보여주는 기능 제작 (vimeo api를 사용해서 컨트롤 )
- 영상 시청 시간 (재상시간) , 진행률(수강률) DB에 기록하는 api 제작
- 영상 이어보기 기능 제작
- 3D 그래픽을 웹에서 보여주는 기능 제작 (babylon.js를 사용해서 컨트롤)
- 카메라 위치 이동, 회전, 등등 카메라 기능 제작
- 3D 객체 클릭 이벤트
- 행사일정표, 공지사항 등 테이블 ui 기능 제작
- moment.js를 사용해서 시간 날짜 별 팝업, 서비스 기능 제한 분기 처리
- 간단한 백엔드 api 기능 제작 & 수정
스크린샷
