AI로 5분만에 나만의 홈페이지 만들기

소개

안녕하세요! 노코드/로우코드 개발에 관심이 많은 1인입니다.
좋은 기회로 최근에 Zaemit(재밋)이라는 AI 기반 웹사이트 빌더의 베타테스터로 선정되어 사용해봤는데, 꽤 괜찮아서 공유 드릴려고합니다.

진행 방법

  1. 저는 소형 카페를 운영하는 사장님이라고 가정하고, 관련 내용을 프롬프트에 입력해 웹사이트 생성을 요청했습니다.

    Webgen Gpt

  2. 그러자 AI가 제 요청을 분석해, 자동으로 메뉴 구조를 만들어줬습니다. 메뉴는 직접 추가하거나 삭제할 수 있습니다.

    한국어 텍스트가있는 검은 색 화면

  3. 메뉴를 수정하자 "메뉴 정보를 업데이트 하시겠습니까?"라는 알림이 나오고, 변경된 메뉴를 저장한 뒤 ‘새로운 페이지 모두 생성하기’를 눌렀습니다.

  4. 버튼을 누르자, AI가 실시간으로 사이트를 만들어내는 과정을 보여줍니다.

  5. 완성까지는 5분도 채 걸리지 않았습니다. 이제는 에디터를 통해 세부 내용을 손볼 수 있겠네요.

    한국어 텍스트가있는 녹색 화면

  6. 편집 화면에서는 텍스트나 이미지를 쉽게 추가·변경할 수 있습니다.

    손에 전화기가있는 의자에 앉아있는 남자

  7. 글씨가 잘 보이지 않아 프롬프트에 ‘카페’를 입력해 글씨가 잘 보일만한 다른 배경을 AI에게 요청해봤습니다, AI가 자동으로 생성해주는 이미지도 꽤 괜찮네요.

  8. 아, 이제야 글씨가 잘 보이네요. 이제는 아래 상세내용을 한번 바꿔보겠습니다.

  9. 아직 베타버전이라 그런지 맨 오른쪽 사각형의 크기가 동일하지가 않네요 ㅠㅠ

  10. 이 크기를 통일 시키기 위해 전문가 편집 모드로 진입해보겠습니다.

  11. 전문가 모드는 figma와 유사한 방식으로 레이아웃을 조정할 수 있었습니다. 전문가 모드에서 저 사각형 크기를 조정해 무사히 통일시켰습니다!

    확실히 전문가 모드에선 할 수 있는 기능이 훨씬 많네요..!!

    디자인을 더 잘 아시는 분이라면 더 화려한 홈페이지를 구성할 수 있을 것 같습니다.

결과와 배운 점

복잡한 UI 없이도 간단한 클릭과 입력만으로 웹사이트 뼈대가 잡히고, 어느 정도 편집까지 가능하다는 점에서 비전문가에게도 꽤 유용한 도구였습니다.

특히 소상공인, 1인 창업자, 디자이너가 없는 스타트업이라면, 무료니까 한 번쯤 써보셔도 좋을 것 같아요.

지금 사전 신청 이벤트를 하던데 사전신청 기간안에 홈페이지에 들어갈 내용을 적어만주시면 자동으로 사이트가 만들어지는 링크를 준다고 하네요.
7월 31일까지라니까 궁금하신분들 참여해보시면 좋을것 같습니다!

📌 사이트 링크:

https://zaemit.com/page/openevent

궁금한 점 있으시면 댓글로 질문 주시면 답변드릴게요!

👉 이 게시글도 읽어보세요