본문 바로가기
프로젝트 기록

[웹] 유튜브 재생목록 링크로 간편하게 만드는 이상형 월드컵

by 은성 (Euni) 2025. 7. 17.

유튜브 이상형 월드컵

 

최근에 룩삼님의 이상형 월드컵 영상들이 알고리즘에 떠서 보게 됐는데, '이상형 월드컵'이라는 컨텐츠가 너무너무 재밌는 거다.
근데 룩삼님은 힙합을 좋아하셔서, 락/밴드 음악을 좋아하는 내게 딱 맞는 이상형 월드컵이 없었다.
이상형 월드컵 사이트에도 들어가봤지만 유명한 곡들 위주여서 아쉬웠고, (내가 워낙 마이너한 밴드들을 좋아해서 그럴지도..)
내 취향의 플리로 이상형 월드컵을 해서 "최애 곡"이 뭔지 발견해보고 싶다는 생각을 하게 됐다.

그래서 이상형 월드컵의 기본 UX는 가져오되,
영상을 하나하나 입력하는 방식이 아니라 극단적으로 개인화된, 즉 본인이 평소에 듣는 플레이리스트를 그대로 넣어 이상형 월드컵을 진행할 수 있는 사이트를 만들어 보았다!

이번에도 커서(Cursor)를 활용한 바이브 코딩으로 제작했고, 배포는 Netlify로 진행했다.

 

⭐결과물 소개

▼ 페이지 바로가기

https://playlistworldcup.netlify.app/

 

 


 

  • 작업시간: 1시간 30분
  • 기능 목록
    • 유튜브 재생목록을 입력하면 이상형 월드컵 자동 생성 (최소 8강, 최대 128강)
    • 양자택일식 이상형 월드컵 진행
    • 최종 우승자 선정 및 재생목록 링크 공유하기

 

 


 

후기

스펙 자체를 기능 위주로 가볍게 잡아서인지 큰 버그 없이 금방 끝났다.

커서에게 처음부터 너무 많은 걸 요구하기보다는 대충 얘가 만들어주는 걸 보고, 그 다음에 사소하게 보완하는 게 더 깔끔하게 나오는 것 같다고 생각했다. 특히 UI 면에서... (기본적으로 만드는 UX가 매우 깔끔하다!)

Netlify도 도메인 바꾼다고 난리를 안 펴서 그런지 진짜 간단했다.
애드센스가 승인이 되는지는 추후에 후기를 갱신하도록 하겠다.
애드센스는 거절당했다..! 사유는 '게시자 콘텐츠가 없는 화면에 Google 게재 광고' 라고 한다.
GPT에게 물어보니 '충분한 원본 콘텐츠가 없어서'라고 해석해주었다. 까비