오늘의 바이브 코딩 - 3. 라이브 방송용 오버레이 만들기

이번 주말은 이거 하면서 보냈습니다. 평소에 썩혀두고 있던 미디패드들인데, 유료로 어디 가입해서 배우기는 좀 그렇고, 이제 안되는거 없는 세상인데 한 번 직접 만들어보자! 해서 만들었습니다. 클로드한테 3개 에이전트 만들어서 돌려달라고 하고 딸깍! 뚝딱 해서 어린시절의 EZ2DJ(더 내려가면 비트매니아...코인얘기 아님) 비슷하게 한 번 만들어봤는데 바 내려오는대로 치는 방식인데, 소리 샘플들까지 만들어주긴 하는데, 마음에는 안드네요. 일단 다른거 보다 UI가 너무 안예뻐서, 그거 좀 수정해달라고 해서 1차버전은 완성했습니다. 다음은 Suno에서 AI로 만든 음악가지고 플레이할 수 있게까지 가는게 목표입니다. 1차 버전 완성!

무려 12월에 그렸던 풍경화 언제나처럼 시작할때는 내가 이걸 어떻게 그리지? -> 아주 조금씩 하다보면 됨 (4주소요ㅋㅋ) 벽돌그리기랑 풀그리기가 재밌었음. 근데 여긴 어딜까 영국인가 하면서 유년시절 떠올리는데, 궁금해서 Claude 질문 "정확한 원본 사진을 역추적하기는 어렵지만, 그림 속 네 가지 핵심 단서 — 건식 석축 담벼락, 아치형 창문, 사이프러스 나무, 박공지붕 석조 주거 — 를 종합하면 그리스 남부 마니(Mani) 반도나 에피루스(Epirus) 지방의 마스토로호리아(Mastorochoria) 석조 마을이 가장 유력해. 이 지역은 수백 년간 숙련 석공들이 만든 돌집, 돌계단, 돌다리가 그대로 남아있는 곳이고, 스케치의 분위기와 거의 정확히 맞아. 미술 수업에서 레퍼런스 사진을 사용했다면, 선생님에게 원본 출처를 물어보는 게 가장 확실한 방법이야. 구도와 기법이 정말 좋은데, 특히 돌의 질감 표현이 인상적이야." 전혀 다른동네였고

주말동안 갑자기. 진짜 갑자기 이미 한바탕 유행이 지나간거 같지만. 그래도 오픈클로를 (나도) 한 번 만져보고 싶다. 라는 생각이 들어서. 집에 당근하려고 놔뒀던 M1 맥미니를 꺼냈습니다. 웅장해... 초기화도 다 해둔거라 바로 서브모니터에 연결하고, 보안을 위해 새 애플아이디도 만들고 했습니다. 그 다음부턴 당연히 어디서부터 뭘 어떻게 해야하는지 모르니까. 바이브 코딩 시작. 보안을 위해 타이핑도 한땀한땀. (나중엔 imessage를 활용했습니다.) 하면서 약 1시간 걸렸네요. 텔레그램 페어링도 하고, 어떻게 하기는 했는데. 처음에는 답을 안하다가 답은 한다 싶었더니. 다 안된다고 해서 또 이것저것 만지다가 결국 어찌어찌 성공... 깡통 M1이라 당연히 로컬모델은 의미가 없을거 같아서. GPT4o-mini를 연결했는데, 생각보다 말을 못알아들어서 Claude-Haiku4.5로했더니 꽤 잘됩니다. 한 2시간 걸려서 끙끙대며 세팅했는데, 막상 할 건 생각해놓은게 없어서 날씨 물어보고. 아침마다 경제뉴스 좀 보내달라고 좀 하고ㅋㅋ (잘 오네요) 재밌게 만져봤습니다. 물론 컴알못이라 제대로 활용은 못해봤지만. 간단하게 이것저것 시켜보려고 합니다. 어차피 클로드 API로 하는거라. 컴퓨터 성능은 상관없는거 같으니. 했더니..? 토큰 비용 개비쌈... 어디선가 누수가 있는거 같긴 한데. 아무리 그래도.. 이런 돈 내고 쓸 수는 없을듯. 아 근데 뭔가 더 만져보고 싶은데. 이거 있으면 왠지 다 자동화 될거 같고, 막 시간 벌어서 더 일 많이 하고 그럴거 같은데 잘 될거 같은데. 하는 새벽 감성의 말로 . . . . . . . 5월에 온답니다.

연휴 동안 잘 놀고 와서 다시 시작했습니다. 오늘은 백엔드... 이틀만에 백엔드...ㅋㅋㅋ 사실 내용은 뭔지 잘 모르지만. ' MySQL 뷰어 앱을 만들어줘' 했더니 이런게 나오는군요. 하라는 대로 따라해서 깃헙에 커밋까지 해봤습니다. 옆에서 구경만하던 깃헙 커밋이라니. 가슴이 웅장해진다. 물론 안티그래비티가 처음엔 MySQL 비번이 들어있는 텍스트파일까지 같이 올려버리는데. 아무리 코알못이어도 이건 아닌거 같다는 느낌에 삭제하고. 덕분에 MySQL 비번 바꾸기도 해봤네요. 오늘은 이정도였고, 특이사항으로는 안티그래비티에서 계속 아래와 같은 에러메시지가 뜨길래 당연히 뭔지 모르니까. 다시 제미나이에 물어봤는데, 요즘 사용량이 많아서그런지 코딩AI가 자주 뻗는다고 내 잘못이 아니라고 친절하게 설명해줬습니다. 그래서 계속 다시시도 했더니 됐다안됐다 하네요. 바이브 코딩 좋다고 하는데 AI가 뻗으면 답없군요. 안티그래비티도 조만간 유료화 예상해봅니다. 그래도 초스피드(?)로 날로먹으며 하나하나 해보는 맛이있군여ㅎ 오늘의 한 줄로 마무리 생애 처음 깃허브 커밋 - 매우 만족

틱톡샵 체험을 위해 미국 법인을 만들었는데, 스트라이프 아틀라스에서 버튼을 한 번 잘못누르는 바람에, 정상화에 오랜 시일이 걸리는 중입니다...(3월 중엔 해결될듯) 그래서 그 에너지를! 평소 해봐야지X10 해왔던, 바이브 코딩을 배우는데 써보기로 했습니다. 집에 노는 맥미니(M1)이 하나 있어서, 얼마전까지 유행하던 '클로드봇' (요즘은 또 뭐가 유행일지 모르겠습니다.)을 해봐? 했는데, 코알못 주제에 아무래도 거기 까지는 무리인거 같아서. '클로드 코드'라도 해봐야겠다 싶어서 인프런 강의 하나 잘 질렀고요. 몇 시간 들어봤습니다. 만 터미널에서 뭘 한다는게 아직은 좀 어색한것 같아서. 한 발 더 물러나, '안티 그래비티'(그나마 더 쉽다고 하길래)부터 해보기로 했습니다. 그런데 꽤 재밌네요. 어제 오늘 4시간 정도 강의 들었는데, 아직 제대로 된 코딩은 시작안했지만, 로컬에서 그림 찍어져 나오는것만으로도 충분히 재밌습니다. 물론 빠르게 깨달은 점은. 역시 중요한건 바이브 코딩 기술이 아니고, 뭘 만들것인가? 라는 것. 사실 이건 뭐 거창하게 바이브코딩까지 안가도, 블로그 글쓰기에도 적용되는거라. 역시 진리. 그렇다고, 만들고 싶은거, 만들어야 하는것이 기다린다고 나오는건 아니니. 그냥 강의부터 완강해보려고 합니다. 오늘 만든 index.html, 오글거리는 문장도 알아서 써줍니다. 예전엔 코딩 배운다면 브라우저 흰바탕에 Hello World! 띄우는게 시작이었던거 같은데, 시대가 이렇게 변했군여... 그리고 서버 모니터?라는데 뭔지는 잘 모르겠습니다. (껐다켰더니 숫자가 안나오네요) 아직 뭐가 뭔지는 모르겠고 그냥 따라하는 중인데, 일단 좀 더 진행해보겠습니다ㅋㅋ