💝 구독자 선물: 직접 만든 무료 Linktree 파일을 드려요.

* 실생활 문제를 해결하는 바이브코딩 경험기!

지난 2월 좌절해버렸습니다..

제가 제 관련 링크를 착착 모아 잘 쓰고 있던 링크트리 bento가.. 서비스 종료를 발표했거든요.

명함에도 넣어놨는데!!! 샤갈.. (지금은 URL이 죽어있어요..)

다른 링크트리 플랫폼 이관도 고민을 하다가,

직접 만들어 쓰지뭐?!

하고 결심했습니다.

예전 Bento도 제가 딱 원하던 스타일은 아니었으니까요!

결과물부터 보여드리면 이렇게 생겼어요!

멋지죠?!

이런거 만드는 법 - 너무나 쉽지요.

실은 이걸 지속적으로 개선해왔어서 - Codex, Claude Code, Antigravity 모두 병행했어요.

결론은 - 뭘로 만들어도 상관 없습니다!

무료인 Antigravity를 열고 이렇게 말했어요.

bento.me/seulkikang이 페이지 요소 그대로 가져와서 똑같이 구현해줘 (이 때는 페이지가 살아 있었어요.)

이게 정말 다입니다. 그럼 알아서 웹 접속해서 파일도 다 가져오고 뚝딱뚝딱 코딩을 시작해요.

물론 한 번에 마음에 들지는 않죠. 만들다보니 욕심이 생겨서

원하는 디자인 레퍼런스도 이미지 스크린샷으로 전달하며 적용해달라고 하고
맨 위에 소셜 아이콘도 넣어달라고 하고
View Count 기능을 넣어달라고 하고
링크도 카테고리를 추가해달라고 했어요.

점점 발전하기 시작했습니다.

다음은 Admin 페이지를 만들어야 했어요.

이렇게만 만들어달라고 하면, 정말 업데이트가 불가능한 링크 트리만 만들어줍니다.

그래서

내가 웹상에서 링크 추가, 수정, 삭제하고 싶어. Admin 페이지 만들어줘.

라고 요청해야 했습니다.

어드민 페이지도 점점 고도화됐는데요.

소개 및 SNS 채널 수정 기능, 최근 7일 방문 및 클릭 분석,

카테고리 관리와 링크 영역의 상세한 수정 기능 (타이틀, 아이콘, 노출 종료일 설정 등)

그냥 제가 원하는 기능을 말로 하면 알아서 다 개발을 해줬어요.

배포하는 법

공개 가능한 URL로 만드는 것은 Github과 Vercel이 담당해요.

실은 바이브코딩보다 이 배포 작업이 더 어려워요. 리포지토리라는 것을 만들어서 공개 설정도 해야하는데 한땀한땀 설정이 어렵거든요.

근데 요새는 가입만 하면 이 작업도 AI 에이전트가 다 해줘요.

Claude Code 등에 MCP로 이 둘을 연결, 가입하고

Github, Vercel로 배포하고 외부에서 접속 가능한 URL줘

라고 하면 된답니다.

여러분도 쓸 수 있도록 Github에 올렸어요!

보러가기

*도움되셨다면 ⭐️ 눌러주세요! 🤣

Readme 파일에 접속하면 사용설명서가 써있어요.

물론 이 사용설명서도 AI 에이전트가 Github에 올리면서 써주었습니다.

위 페이지에서 여러분의 링크트리를 바로 셋팅할 수는 없어요. (SaaS 서비스는 아니니까요.)

위 설명서를 읽고 Antigravity, Codex, Clade Code 등을 통해

이 GitHub 레포를 클론하고 설치해줘: https://github.com/seulkikaang/bento-linktree

라는 말을 던지면 여러분 컴퓨터에 개발 파일이 생길거에요.

그 이후에 Github, Vercel 배포를 동일하게 해야 나만의 주소도 생기고, Admin에서 내용 수정도 가능합니다.

가장 쉽게 시작하고 접근할 수 있는 바이브코딩인 것 같아요. 한번 실천해보세요!

게다가 Google Antigravity는 무료니까요!

마침 마케터 분들을 위한 바이브코딩 1일 워크샵을 준비했어요!

💝 퇴근후AI x Amplitude x Lovable x 데스커라운지 x 달램의 콜라보!

유럽에서 진행된 Amplitude x Lovable 행사를 보고나서

오! 퇴근후AI가 진행해보고 싶다!!! 연락해봤더니 양측 모두 흔쾌히 지원해주신 행사!

+ 데스커라운지처럼 멋진 장소에서 해보고 싶다... >> 연락 후 추진!!

+ 나도 하루종일 컴터하면 몸이 너무 아픈데.. 달램 같은 곳에서 스트레칭 선생님 협찬 받고 싶다.. >> 연락 후 추진!!

그렇게 성사된 행사입니다. ㅎㅎㅎ

Lovable로 바이브코딩을 통해 내 아이디어가 담긴 웹서비스를 만들고

+ Amplitude를 연동해서 지표 설계, 측정기획 까지 하루동안 해보는

정말 알찬 기회!!!

(Lovable 앰버서더 & Amplitude 시니어 솔루션 엔지니어 분이 직접 강의해주실 예정이에요!)

신청하러 가기!

♟️ B2B 마케팅, AI가 판을 바꾸는 순간

마케팅데이터커넥트 13차 밋업 (5/27 저녁)
B2B 마케팅은 긴 호흡의 게임입니다. 리드를 만들고, 데이터를 연결하고, 전환까지의 여정을 설계해야 합니다. 이번 밋업에서는 AI SaaS 스타트업과 글로벌 SaaS에서 B2B 마케팅을 직접 담당하는 두 분이, AI로 이 긴 여정을 어떻게 바꾸고 있는지 실전 경험을 공유합니다.

CRM 데이터 정리부터 고관여 제품의 AI 세일즈까지 - 마케터라면 지금 가장 궁금한 이야기를 한 자리에서 만나보세요.