• 기술스택
  • Front : nextjs, context api
  • Back : GraphQl, express
  • Database : MySQL
• 전박적인 프론트단 개발은 next js 프레임 워크를 사용, 상태관리는 context api를 사용했습니다.
• 프로젝트를 진행하면서 vimeo api, babylonjs, socket.io라이브러리를 사용

설명

'제5차 유네스코 학습도시 국제회의' 인천서 27일 개막

'제5차 유네스코 학습도시 국제회의' 온라인 플랫폼을 제작했습니다.

WebGL(babylonjs)을 사용해서 로비(인천 송도 배경), 컨퍼런스, tour 등의 장소를 제작

컨퍼런스에서는 라이브영상을 송출해서 확인가능

tour에서는 인천을 소개하는 영상을 시청할 수 있다.

역할

• 전반적인 프론트엔드 역할을 담당했습니다.
• 임베드된 vimeo 영상을 웹에서 보여주는 기능 제작 (vimeo api를 사용해서 컨트롤 )
  • DB에서 url을 받아와서 웹에서 보여주는 기능 제작
• 3D 그래픽을 웹에서 보여주는 기능 제작 (babylon.js를 사용해서 컨트롤)
  • 카메라관련 기능
  • 3D 객체 클릭 이벤트
• 행사일정표, 공지사항 등 테이블 ui 기능 제작
• 간단한 백엔드 api 기능 제작 & 수정
  • GrapgQL query문 작성
• 다국어 기능 제작
  • 영어, 한국어, 프랑스어, 스페인어
  • 언어별로 text 변경,
  • 송출&시청가능한 동영상 언어별 적용
  • 언어별로 DB에서 받아오는 데이터 필터링 적용