안녕하세요, 국내 AI 웹빌더 서비스 재밋(Zaemit)을 소개합니다.
해외에서 유명한 v0나 lovable같은 서비스가 국내에도 있습니다.😂
국내에서 바이브코딩으로 웹사이트를 만들어 퍼블리싱과 운영/관리 까지 되는곳은 아직 못봐서 소개해드릴려고합니다.
<img src="https://vibecode.kr/data/editor/2603/3731781418_LNPQwmGq_1774932167.png" alt="프롬프트" width="579">
프롬프트에 만들고 싶은 홈페이지 정보를 입력하면 AI가 자동으로 홈페이지를 생성해줍니다.
뭘 적어야할지 모르겠다면 하단의 **Import from을 이하시면 됩니다.(Figma는 개발중)**
■URL: 참고하고싶은 레퍼런스 홈페이지 주소
■PDF: 사업계획서나 사업소개서 등 관련 문서 자료등
■Image: 브랜드 로고나 사업장 인테리어 등
<img src="https://vibecode.kr/data/editor/2603/3731781418_4sZnuT9i_1774933507.png" alt="편집" width="1105" />
생성버튼을 누르면 AI가 실시간으로 요청사항을 분석하고 디자인합니다.
3개의 AI모델 중 성능이 가장 좋은 Maker2.0 모델을 사용하였고 약 3분정도 소요됩니다.
<img src="https://vibecode.kr/data/editor/2603/3731781418_IgU3PjXC_1774933623.png" alt="초안" width="1110">
3분만에 AI가 생성해준 초안입니다.
<img src="https://vibecode.kr/data/editor/2603/3731781418_UPVdgu3q_1774933744.png" alt="편집_이미지생성" width="1110">
<img src="https://vibecode.kr/data/editor/2603/3731781418_iesDAREx_1774933766.png" alt="편집_AI대화1" width="1110" />
생성된 초안을 바로바로 수정할 수 있습니다. 오른쪽 웹사이트 초안에서 드래그앤 드롭 방식으로 간단한것들은 직접 수정할 수 있고
왼쪽 AI 대화창에선 AI를 활용해 복잡한 것들을 바이브코딩으로 수정할 수 있습니다.
<span style="color:rgb(34,34,34);font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:normal;background-color:rgb(255,255,255);float:none;">마무리하며)</span>
<span style="color:rgb(34,34,34);font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:normal;background-color:rgb(255,255,255);float:none;">국내에도 웹 한정이긴 하지만 수준 높은 바이브코딩 서비스가 있었습니다. </span>
<span style="color:rgb(34,34,34);font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:normal;background-color:rgb(255,255,255);float:none;">웹사이트 필요하시거나 궁금하신 분들은 체험 삼아 한번 만들어보셔도 좋을 것 같아요.</span>
<span style="color:rgb(34,34,34);font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:normal;background-color:rgb(255,255,255);float:none;">로그인 없이 무료로 바로 만들어볼 수 있더라구요.</span>
<span style="color:rgb(34,34,34);font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:normal;background-color:rgb(255,255,255);float:none;">궁금한 점 있으시면 댓글 남겨주세요!</span>
👉[조금 더 자세한 후기 ](https://vibecode.kr/freeboard/%EA%B5%AD%EB%82%B4-%EB%B0%94%EC%9D%B4%EB%B8%8C%EC%BD%94%EB%94%A9-%EC%84%9C%EB%B9%84%EC%8A%A4%EB%A1%9C-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4/)
<span style="color:rgb(34,34,34);font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:normal;background-color:rgb(255,255,255);float:none;">감사합니다 :)</span>
콘텐츠를 불러오는 중..
댓글목록
vibecode님의 댓글
서비스 오픈 축하 드립니다.
템플릿 디자인이 정말 마음에 드네요.
서비스에 추가되면 좋을만한게~
템플릿 미리보기에 pc,테블릿, 모바일 로 보일수 있는 버튼이 존재하면 좋을것 같아요.
게시판 디자인도 추가되면 좋을것 같고 게시판에 목업형태로 게시글도 있으면 좋을것 같아요.
MEVEN님의 댓글의 댓글
조언 감사합니다!