▶️ Iktube
- 프로젝트 소개: React와 YouTube API를 활용한 반응형 동영상 플랫폼.
- 상세: 소프트웨어 아키텍처와 기능 설계의 실험적 기반으로 활용하기 위해 개발되었습니다.
- Tech:NetlifyReactYouTube APIpostmantimeago.js
- 진행 기간: 2024-11-19 ~ 2024-11-25
- 소속: 사이드프로젝트
Iktube 키워드 검색 시 화면반응형 세로 사이즈동영상 선택 시 영상 및 설명 제공 / 연관 동영상 제공
📌 프로젝트 개요
- YouTube Data API를 활용한 React 기반의 비디오 플랫폼 프로젝트입니다.
- 검색, 동영상 재생, 채널 조회 등 기본적인 기능 구현에 집중하였으며,
프로젝트 설계 능력과 코드 품질 개선을 실험·학습하는 목적으로 개발하였습니다.
- 메인 화면에서는 실시간 인기 동영상 리스트를 확인할 수 있으며,
동영상 선택 시 연관 영상 목록 도 함께 제공 됩니다.
🧑💻 기술 스택 및 설계
- Frontend: React, Tailwind CSS
- Routing: React Router
- 상태 관리: TanStack Query, Context API
- API 통신: YouTube Data API v3, Axios
- 설계 패턴: Custom Hook, Dependency Injection
- 기타: timeago.js, Postman, Netlify
🚀 프로젝트 링크
