영상에서 나온 이 노래를 팬들이 진짜로 만들고 있더라고요.
이걸 모아서 들으면 좋겠다 싶어 LIKE WONI TOP 100을 만들었습니다.
새벽 3시 반에 만들어야겠다 싶어서 시작했는데, 7시 반에 완성했습니다.
이번에는 코덱스와 클로드 코드로 작업해봤습니다.
03:30 시작 → 약 4시간 → 07:30 첫 완성
LIKE WONI TOP 100 사이트 만들었습니다.
6개월전에 선태박람회라는 사이트를 만들었습니다.
선태박람회 때는 GPT에서 정리한 문서를 Cursor로 가져가고,
다시 검토한 내용을 GPT에 넣고, 정리되면 구현하는 식으로 작업했습니다.
OpenClaw 쪽에서 수집하고 분류한 결과도 챙겨야 했고요.
그런데 이번엔,
이 모든 과정을 코덱스에서는 "해줘" 로 끝냈습니다. ㄷㄷㄷ
그럼 라이크워니 top 100제작기 시작하겠습니다.
-------------------------------------------
코덱스로 초안만들기
새벽 3시 반쯤 만들어야겠다 싶어서 시작했습니다.
코덱스를 켰습니다. (ChatGPT 데스크탑 앱을 설치해서 윈도우에서 실행했습니다)
먼저 새 프로젝트를 만들고,
명세와 수집해둔 HTML이 있어서 코덱스에 먼저 읽어보라고 했습니다.
Node.js 기반으로 만들고, Supabase도 선태박람회 때 쓰던 프로젝트를 같이 쓰기로 했습니다.
서비스 데이터는 따로 나누고요.
대화를 다시 보니 대략 이런 순서로 진행했더군요.
03:43 · “의존성 설치해줘”
기존 명세를 보고 필요한 설치와 기본 작업부터 해달라고 했습니다.
그리고 기본적인 사이트 구성을 설명해주고 Like woni 제목의 유튜브 영상도 수집해 달라고 했습니다.
일단 제가 만들려는게 뭔지를 코덱스에게 이해를 시켰습니다.
그래서 필요한 구성들을 코덱스랑 같이 설계하고 대화하고
초안을 만들어 달라고 했습니다.
1시간 정도 혼자 열심히 만들더니 사이트가 만들어졌습니다 ㅎ
근데, 뭔가 좀 허접? 합니다..
그래서 클로드코드를 켰습니다.
클로드코드로 디자인 다듬기
저는 대부분의 개발은 코덱스를 쓰고, 디자인이나 문서작업, ppt는 클로드코드로 만듭니다.
클로드코드가 훨씬 깔쌈하게 만들어 줍니다...
클로드에게 만들어 달라고 했어요.
시간은 좀 걸리지만 (1시간 넘게 걸렸던거로 기억..)
이렇게 만들어 줬습니다. ㅎ
유튜브 재생목록 만들기
이걸 유튜브 재생목록을 만들고 싶었습니다.
크롬창을 열고, 제 유튜브 계정 로그인 한뒤에
코덱스에게 재생목록 만들어 달라고 했습니다.
컴퓨터 유즈로, 마우스 커서로 코덱스가 한땀한땀 채워서 재생목록을 만들어줬습니다.
오픈클로가 나온지 9달만에, 코덱스가 오픈클로가 하던일의 90%이상은 대체가 되는거 같습니다.
6개월사이의 바이브코딩의 변화..
그 전에 작업은 커서ai를 켜서 개발창을 보면서 한땀한땀 기능들을 추가했는데요.
이제는 어떻게 구성할지 열심히 대화한후, "해줘"로 바꼈습니다.
물론 어느정도 개발직식이 있고, 그걸 추상화 해야하기때문에
개발에 대한 기초지식은 필요합니다.
우리가 포토샵을 통해 이미지를 수정하다 gpt로 만드는것처럼
개발툴을 쓰지 않고 기본적인 개발이 되는 시점이 된거 같습니다.
이런거 만들어 볼까?
해줘
로 만들어지는 세상이네요 ㅎ
이벤트 홍보 온라인제작으로 상품을 만드셔도 좋겠어요~!