바이브코딩으로 간단한 웹사이트 만들기

바이브코딩으로 간단한 웹사이트를 만들어보았다.
 
이번 프로젝트의 목적은
"AI를 활용해 웹사이트 생성 A-Z 과정을 모두 경험해보는 것"
 
cursor를 이용하여 최대한 빠르고 간단한 구조로 웹사이트를 만들었다.
 
가장 간단한 기능을 찾다가 생각한 게 "이미지 복사" 사이트이다.
저작권 문제나 개인정보 이슈도 크게 상관 없으니 가볍게 만들어보았고, 
UI 디자인도 알아서 다 해줘서 정말 빠르게 만들 수 있었다.
원페이지로 간단히 빠르게 만들고, vercel을 통해 무료 호스팅까지 완료했다.
 
 
⭐ 나의 바이브코딩 웹사이트 공개⭐
https://emojidotcom.vercel.app/
 
 
vercel에 올리면 웹사이트는 도메인이 ".vercel.app/" 로 끝나도록 자동으로 설정된다.
만약 원하는 도메인으로 변경하려면 도메인을 추가로 구매해서 연결하면 된다.
나는 아직 연습용 웹사이트이기때문에 호스팅 연결까지는 진행하지 않았다.
 
찐 개발자가 만든 것과 비교하면 단순한 구조라서 부끄럽지만,,,ㅎ,ㅎㅋ
들인 공수 대비해서 만족스러운 결과물이다 ㅋㅋㅋㅋㅋ 문과 화이팅
 
다 만들어보고나니, 퍼포먼스마케팅 실무에 실제로 한번 활용해보고싶은 욕심이 좀 생겼다.
본업에도 실제로 활용해보기 위해 '마케터를 위한 이모지' 기능을 추가해보았다
 

실제로 광고 문구를 짤 때 종종 이모지 모음 사이트를 이용한다.
이모지 목록을 한눈에 확인할 수 있어 종종 사용하는데
 
특히 퍼포먼스마케팅 문구에는 많이 쓰는 이모지들이 있기 때문에
연습용 웹사이트이지만 실무에도 유용하게 쓸 수 있을 것 같다.