무료로 나만의 웹사이트 바이브코딩으로 제작하기
바이브코딩으로 각자의 개성을 맘껏 표현할 수 있다고 하는데 뭘 만들지 고민만 하시고 아직 시작하지 못하셨던 분들도 많을거라 생각합니다. 저 역시도 그랬고 일단 가장 편한 웹 기반 프로덕트를 만들어보자~ 라고 생각했어요.
이번에는 Vercel을 이용한 나만의 포트폴리오 사이트 제작방법을 알려드릴까 합니다. 제가 Vercel을 택한 이유는 가장 대중적이며 무료로 쉽게 구현이 가능하다는 장점이 있습니다. Github 계정 연결만 하면 끝!
----
준비물: Github CLI (터미널에서 깃헙 사용할 수 있음)
#1. 계획하기
- "vercel을 이용해 나만의 포트폴리오 테스트 페이지를 제작하고 싶어. 첨부한 페이지 소스코드 참고해서 github repo 제작부터 끝까지 제작해줘" - 여기서 중요 포인트: 무조건 Plan mode
저는 이쁘게 하고 싶어서 CSSDesignAwards 에서 가장 최근에 선정된 웹사이트 주소를 첨부했어요.
#2. 사용한 기술(?)
Agents - 빌트인 에이전트들 + 제가 설정한 에이전트들
Skills - Antrophic의 frontend-design, 웹페이지 성능 및 접근성 향상을 위한 Vercel 스킬 두가지 [skills{.}sh 가셔서 다운로드 가능!]
MCP - Memory(이전 작업 내용 참고 + 작업 내용 저장으로 추후 더 나은 방향으로 작업 가능), Context7(최신 라이브러리 공식문서 조회) *두 MCP 서버는 설정하시는게 좋음
#3. 계획 승인 후 기다리기
- Claude Code가 만들어 준 계획을 보고 수정하거나 추가할 사항이 있다면 구현 전에 알려주세요! 그 이후에는 알아서 개발서버 실행하면서 틀린거 고치고 하니까 엔터 누르면서 기다리면 됩니다.
#4. Github repo에 해당내용 커밋 + 푸시
- Github 계정에 작성한 코드랑 내용들을 모두 저장하는 작업이예요. Github CLI를 연결해두면 Repo 생성부터 push까지 모든 작업이 가능해서 필수라고 생각합니다!
#5. 보안검사 ⭐️⭐️⭐️
- "마지막으로 개인정보가 드러나지는 않는지 보안검사까지 마쳐서 다시한번 푸시해줘."
어제 올렸던 글에 있는 security-reviewer 에이전트를 활용했어요. 해당 예시는 깃헙에 퍼블릭하게 올릴 예정이여서 해당 내용을 다시 한번 더 확인하는게 중요했어요. 아무리 프라이빗 레포더라도 혹시 모를 상황을 대비해서 꼭! 보안 체크 한번 더 하시는 습관을:)
사실 퍼블릭 레포로 만들면 첫번째 push 이전에 이 과정을 필수로 시행해야 합니다. 퍼블릭이면 commit history에서 볼 수 있어서 그 다음에 고치는건 무의미해요. (전 이번에 Test라서 그냥 대충 한거임)
#6. 웹사이트 배포
- Vercel 홈페이지 접속 -> github 계정 연결 -> [Add new project] -> 해당 레포 import -> deploy
----
글을 쓰다보니까 길어졌는데 실제로 해보시면 아시겠지만 할 일이 전혀 많지 않아요. 깃헙 CLI 설정/vercel 계정 생성/말 몇마디/엔터 몇번 & 클릭 몇번 이것만 하면 됩니다.
댓글에 제가 예시로 만든 사이트와 깃헙 퍼블릭 레포 링크 올려드릴테니 들어가셔서 Claude Code가 써준 굉장히 친절한 Readme 파일 읽어보시고 한번쯤 해보세요.
저도 시작한지 며칠 안되서 많이 허접하지만 아직도 망설이시는 분들에게 조금이나마 실행이란 것을 할 수 있게 도와드리는 원동력이 되었으면 좋겠네요:)
피드백, 질문 언제든 환영입니다! 다음에도 같이 성장하는 초보 입장에서 꿀팁 올려볼게요!!
맨틀에서 12월 13일까지 총상금 15,000달러 상당의 MNT를 나눠주는 이벤트를 진행하고 있습니다.
저도 이 이벤트에 참여해보고 싶어서,
맨틀 위에서 드라마·웹툰 같은 콘텐츠 IP를 RWA로 만들면 어떨까?
라는 주제로 영상을 하나 만들어봤습니다.
제가 상상해본 구조를 아주 간단히 정리해보면 다음과 같습니다.
제작사 → SPV(특수목적회사)
제작사는 해당 작품에서 발생할 미래 매출의 일부를 떼어내,
SPV에게 채권(또는 수익권) 형태로 양도합니다.
(예: “향후 3년간 OTT·방송·해외 판권 매출의 20%” 등)
SPV → RWA 토큰 발행
SPV는 Mantle 위에서 두 가지 종류의 RWA 토큰을 발행합니다.
-Senior 토큰: 상대적으로 저위험·저수익, 주로 기관 투자자 대상
-Junior 토큰: 하이리스크·하이리턴 구조, 규제가 허용하는 범위 안에서 개인 투자자·팬에게 개방
드라마·웹툰에서 발생한 배당·로열티가 들어오면,
오프체인 회계 정산
→ 온체인 오라클 반영
→ 먼저 Senior 투자자에게 우선 분배,
→ 이후 남는 부분을 Junior 토큰 보유자에게 배분하는 형태로 설계합니다.
평소에 관심있던 콘텐츠 IP를 갖고 혼자서 북치고 장구치고 해봤는데요...
참고로, 저처럼 굳이 영상을 만들 필요도 없고, 맨틀 RWA와 관련된 아이디어를 글로만 정리해도 이벤트 참여가 가능하다고 하니 가볍게 도전해보셔도 좋을 것 같습니다.
맨틀에서 글로벌 해커톤을 주최합니다.
이번 분기 맨틀은 [ALL - IN - RWA]
트레이딩, 디파이에 쓰일 수 있는 좋은 자산을 온보딩하고
빌더들이 이 자산을 마음껏 활용할 수 있도록 생태계를 활성화시키는데 집중하고 있습니다.
새로운 맨틀의 주요 어드바이저 @emilyRioFreeman 의 합류 이후 저번 분기 동안 엄청난 속도로 바이빗내의 유틸리티를 확장했습니다.
런치풀이 유난히 많다고 느끼셨다면, 느낌이 아니라 의도된 바입니다. 모든 바이빗의 User jounrey(온보딩부터 트레이딩, Earn, 카드 사용)에 이르기까지 $MNT가 활용될 수 있도록 꼼꼼히 확장했으며 당장 다음주에는 $MNT 기반 옵션 거래까지 활성화됩니다.
CeFi뿐 아니라 DeFi에서도 맨틀은 계속해서 커지고 있습니다.
RWA, Stablecoin(Token에서 발표한 USD1말고도..) 등 의 자산들을 온보딩하고, 빌더들이 이 자산을 활용한 어플리케이션을 빌딩할 수 있도록 지원하는 로드맵은 이미 시작되었습니다.
이번 주 맨틀에 온보딩 된 @printr 에서는 이미 100개가 넘는 밈코인이 맨틀에 발행되었고, AI 기반 Prediction market @pvpfun_ai 이 맨틀에 온보딩 되면서 에코시스템내의 트레이딩 액티비티를 늘려가고 있습니다.
이들이 활성화되기도 전, 맨틀의 DEX trading Volume은 1B을 넘었습니다(Bullish on $MOE!)
이번 해커톤에는 국내에서 아실만한 인물로는 해시드의 @cptn3mox 가 심사위원으로 참여합니다.
새로워진 맨틀에서 바이빗 뿐 아니라 대거 VC들과 함께하는 해커톤인만큼 이번에 정말 좋은 프로덕트들이 많이 나올 것으로 기대하고 있습니다!
12월 등록이 끝나기 전에 한국 빌더분들을 위해서 온/오프라인 세션을 준비해보고 싶은데 어떻게 하면 좋을지..? 관심있으신 분들 저에게 편하게 알려주세요!
(인프라 워크샵, 코워킹, 팀빌딩을 위한 네트워킹 세션, 해커톤 트랙 소개 및 맨틀의 최근 로드맵과 방향성, 기술/마케팅 지원 안내 정도..면 될까요?)
⏰Weekly GMB #83⏰
8월의 마지막 주는 메이저 코인보다 알트코인들의 움직임이 더 눈에 띄었습니다. 특히 하이퍼리퀴드에서 일어난 일들이 큰 주목을 받았는데요, 이번 주 시장의 주요 이슈를 살펴보겠습니다.
✅ 알트코인의 폭등
✅ 하이퍼리퀴드 $XPL 사태
✅ 미 상무부의 $PYTH 채택
⏰Weekly GMB #82⏰
8월 넷째 주, 암호화폐 시장은 잭슨홀의 영향으로 큰 변동성을 보였습니다. $YZY, $WLFI 등 쟁쟁한 코인들이 등장한 이번 주 시장의 주요 이슈를 살펴보겠습니다.
✅ 이더리움은 굳건하다
✅ 별 다르지 않았던 $YZY
✅ 트럼프의 저력? $WLFI
⏰Weekly GMB #81⏰
8월 셋째 주, 암호화폐 시장은 조정 국면에 접어들었습니다. 특히 강한 상승세를 보이던 이더리움의 하락으로 시장에 긴장감이 이어졌습니다. 다시 한 번 상승세를 기대하며, 이번 주 시장의 주요 이슈를 함께 살펴보겠습니다.
✅ 이게 고점은 아니겠지
✅ OKB 소각 소식 후 폭등
⏰Weekly GMB #80⏰
8월 둘째 주, 한층 시원해진 날씨와 함께 비트코인과 이더리움의 강한 상승세로 시장은 기분 좋은 분위기를 맞이했습니다. 이번 주 시장의 주요 이슈를 함께 살펴보겠습니다.
✅ 230일만에 이더리움 $4,000
✅ 가상자산 과세 추가 연기?
✅ Opensea 다계정 검거
⏰Weekly GMB #79⏰
8월 첫째 주, FOMC 금리 동결 등으로 인해 시장은 조정에 접어들었습니다. 알트코인들이 큰 폭으로 하락하며 슬픈 분위기가 지속되는 가운데, 이번 주 시장의 주요 이슈를 함께 살펴보겠습니다.
✅ 혼잡한 시장 상황
✅ USDT 1,400원 도달
✅ $Linea 토크노믹스 추가 공개