안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
유튜브 영상 타임라인 연동 기반 실시간 댓글 커뮤니티 플랫폼 구축
개발 · 디자인 · 기획
그래픽ㆍ미디어, 커뮤니티ㆍSNS
프로젝트 배경
기존 유튜브에서는 실시간 댓글 감상이 어려운 구조적 한계를 극복하고자, 영상 타임라인에 맞춰 사용자 댓글을 실시간으로 보여주는 커뮤니티 플랫폼을 구축했습니다.
유튜브 API를 활용해 영상 정보를 불러오고, 댓글 데이터를 영상 재생 시점과 매칭해 영상과 함께 감상할 수 있는 인터페이스를 제공했습니다. 해당 시스템은 PC/Mobile 반응형 웹으로 제작되었습니다.
프로젝트 성과
MVP 모델 개발 및 시장 출시 완료
실시간 댓글 연동 기능을 중심으로 MVP 모델을 개발해 시장에 공개했으며, 이용자들로부터 신선한 사용자 경험 제공 측면에서 긍정적인 피드백을 받았습니다.
핵심 기능
✅ 유튜브 API 기반 영상 호출 기능
유튜브 API를 활용해 유튜브 영상을 불러오고, 댓글을 시간별로 연동했습니다.
✅ 댓글 타임라인 연동 시스템
영상 재생 시간과 댓글 데이터를 매칭해 영상 시청 중 실시간으로 댓글 표시
✅ PC 및 모바일 웹 호환 반응형 설계
다양한 디바이스에서도 동일한 기능성과 시청 경험 제공
진행 단계
서비스 기획 및 요구사항 정의
2019.10.
Figma 기반으로 인터페이스를 정의하고, 피그마 댓글을 통해 클라이언트와 실시간 소통을 진행
디자인 설계
2019.11.
사용자 UX를 고려한 타임라인 기반 시청 UI를 Figma로 디자인
기능 개발 및 테스트
2019.12.
유튜브 API 연동, 타임라인 댓글 시스템 구축, 반응형 웹 개발 및 배포
프로젝트 상세
1. 포트폴리오 소개
현재는 있지만 과거에 없던 유튜브에 시간별로 댓글을 적고, 그 댓글과 영상을 함께 보이도록 만든 서비스입니다.
유튜브 영상 재생 시간에 따라 댓글을 실시간 표시하는 인터랙티브 감상 커뮤니티 플랫폼으로, 유튜브 API와 자체 댓글 DB를 연동한 구조로 구성되었습니다.

2. 작업 범위
유튜브 API 연동, 댓글 타임라인 시스템 개발, 서비스 기획/디자인 및 반응형 웹 프론트엔드·백엔드 개발

3. 주요 기능 및 업무
• 유튜브 영상 호출 기능 구현
• 댓글 입력 및 시간 데이터 매칭 처리
• 영상 재생 시점별 댓글 실시간 출력
• 관리자 페이지를 통한 영상/댓글 관리 기능

4. 주안점
사용자 감상 경험에 몰입감을 주기 위한 실시간 연동 구조 설계, 다양한 디바이스에서 동일한 기능 구현, 유튜브 외 영상 플랫폼 확장 가능성을 고려한 유연한 시스템 구조

- 서비스 기획, 디자인
- 백엔드 개발 : 유튜브 API, 댓글 서비스 개발
- 유저웹(반응형)
- 관리자웹
유튜브 영상에 시간에 맞춰서 댓글을 직접 달면서 영상을 즐길 수 있는 서비스 비멘트 포트폴리오

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

sw******
개발 · 법인사업자

프로젝트 정보

참여 기간
2019.10. ~ 2019.12.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
비멘트
역할
프로젝트 기획
관련 기술
Kubernetes
Figma
CSS
HTML
Docker
React