[웹] 유튜브 재생목록 링크로 간편하게 만드는 이상형 월드컵
최근에 룩삼님의 이상형 월드컵 영상들이 알고리즘에 떠서 보게 됐는데, '이상형 월드컵'이라는 컨텐츠가 너무너무 재밌는 거다.
근데 룩삼님은 힙합을 좋아하셔서, 락/밴드 음악을 좋아하는 내게 딱 맞는 이상형 월드컵이 없었다.
이상형 월드컵 사이트에도 들어가봤지만 유명한 곡들 위주여서 아쉬웠고, (내가 워낙 마이너한 밴드들을 좋아해서 그럴지도..)
내 취향의 플리로 이상형 월드컵을 해서 "최애 곡"이 뭔지 발견해보고 싶다는 생각을 하게 됐다.
그래서 이상형 월드컵의 기본 UX는 가져오되,
영상을 하나하나 입력하는 방식이 아니라 극단적으로 개인화된, 즉 본인이 평소에 듣는 플레이리스트를 그대로 넣어 이상형 월드컵을 진행할 수 있는 사이트를 만들어 보았다!
이번에도 커서(Cursor)를 활용한 바이브 코딩으로 제작했고, 배포는 Netlify로 진행했다.
⭐결과물 소개
▼ 페이지 바로가기
https://playlistworldcup.netlify.app/
- 작업시간: 1시간 30분
- 기능 목록
- 유튜브 재생목록을 입력하면 이상형 월드컵 자동 생성 (최소 8강, 최대 128강)
- 양자택일식 이상형 월드컵 진행
- 최종 우승자 선정 및 재생목록 링크 공유하기
후기
스펙 자체를 기능 위주로 가볍게 잡아서인지 큰 버그 없이 금방 끝났다.
커서에게 처음부터 너무 많은 걸 요구하기보다는 대충 얘가 만들어주는 걸 보고, 그 다음에 사소하게 보완하는 게 더 깔끔하게 나오는 것 같다고 생각했다. 특히 UI 면에서... (기본적으로 만드는 UX가 매우 깔끔하다!)
Netlify도 도메인 바꾼다고 난리를 안 펴서 그런지 진짜 간단했다.애드센스가 승인이 되는지는 추후에 후기를 갱신하도록 하겠다.
애드센스는 거절당했다..! 사유는 '게시자 콘텐츠가 없는 화면에 Google 게재 광고' 라고 한다.
GPT에게 물어보니 '충분한 원본 콘텐츠가 없어서'라고 해석해주었다. 까비