Front-End Developer

개발 2023.03 ~ 2023.04

🔗 Links

Gihbub https://github.com/Wonny-ing/youtube_clone

🔖 서비스 내용

동영상 공유 플랫폼 입니다.

위 서비스에서 제공하는 핵심 기능입니다.

  1. 키워드를 검색하여 다양한 동영상 조회
  2. 사용자들은 업로드된 동영상을 시청하고 그와 관련된 동영상을 시청 가능

🛠 기술 스택

⌨️ 개발 내용

유튜브 API 호출을 통해 Youtube 동영상 검색 기능 구현

유저가 입력한 검색어에 대해 유튜브 API를 호출하여 검색 결과 동영상 목록을 가져오는 기능을 구현했습니다. 검색 결과는 썸네일, 제목, 작성자 등을 포함한 간단한 정보를 제공합니다. 유저가 원하는 동영상을 클릭하면 해당 동영상의 상세페이지로 이동할 수 있고 썸네일 마우스 오버시 동영상 미리 보기 기능을 제공함으로써, 유저는 보다 쉽게 선택하고, 보고 싶은 동영상에 빠르게 접근할 수 있도록 해주었습니다.

동영상 및 댓글, 조회수 등 상세페이지에 필요한 정보 호출

유저가 선택한 동영상의 상세페이지로 이동하면 해당 동영상에 대한 상세정보를 API를 통해 호출합니다. 호출된 정보에는 동영상 썸네일, 제목, 작성자, 조회수, 댓글, 연관 동영상 등이 포함됩니다. 이러한 정보를 바탕으로 동영상 상세페이지를 구성하였습니다.