VD Project
VD 프로젝트란?
유튜브, 트위치, 카카오tv 등 동영상 플렛폼 환경에서 통합 검색이 가능한 사이트 이다.
해당 프로젝트를 진행하게 된 계기
유튜브를 즐겨보는 나는 동영상도 각 플렛폼별로 전체조회가 되는 검생엔진을 만들어 보고 싶었다.
물론 검색엔진 까지는 아니더라도 동영상 플렛폼에서 제공하는 API 연동을 통해 키워드 입력 만으로 각 동영상들이 검색이되는 페이지를 만들어 보고 싶었다.
해당 프로젝트를 진행하면서 어려웠던 점
애초 기대했던 컨셉은 YouTube, Twitch, 네이버TV, 아프리카TV 등 여러 동영상 플렛폼 내에서 동영상을 따로 검색하지 않고, 한번에 검색이 가능한 통합 Video 검색 사이트를 만들어보는 것이었다. 그런데 개발 하면서 알게된 것이 YouTube 는 애초에 Twitch, 아프리카TV 와 같은 동영상 플렛폼과 컨셉이 조금 다르다. YouTube는 구글링 검색엔진 같이 검색어와 연관되는 비디오 들을 결과로서 보여주지만, Twitch, 아프리카TV 는 bj 중심 검색을 한다..
그리고 개발하는 과정에서 여러 UI 를 가져다가 쓰다보니 CSS 적용하는 부분이 많이 어려웠다. 각 CSS 요소들이 서로를 간섭하다 보니 UI 면에서 매끄럽지 못한 부분이 많아 아쉬웠다.
동영상 조회 결과 화면
검색어를 통해 조회된 동영상들을 Youtube, Twitch 순서로 보여준다.
사용 기술
open JDK 12
HTML
CSS3
javascript
Vue.js 2.6.14
API
Youtube API
Twtich API
Framework
Spring Boot 2.3.11
template
mustache