로그인

사용자가 입력한 문장을 기반으로 로그인 창을 자동으로 생성합니다.
추가 요청을 통해 수정이나 보완하여 로그인 화면을 빠르게 완성합니다.

1로그인창 생성 요청

하단 입력창에 ”로그인창 만들어줘” 라고 입력만 하면 AI 프로가 빠르게 HTML, CSS, JavaScript 가 포함된 예시코드를 자동으로 생성하여 줍니다.

간단한 요청 한 마디만으로 로그인 창이 완성된 화면입니다.

• 1입력창에 “로그인창 만들어줘” 라고 입력후 우측 전송 버튼을 선택합니다.
• 2HTML, CSS, JavaScript 코드가 자동으로 생성이 진행됩니다.
• 3자동으로 로그인창 화면의 UI를 빠르게 확인할 수 있습니다.

2생성한 코드 확인

좌측 상단에 탭을 눌러 HTML, CSS, JavaScript 코드를 각각 확인할 수 있습니다.

말 한마디로 HTML, CSS, JavaScript를 만들어 내는 AI코딩
복잡한 개발 고민 없이, 원하는 기능을 말로 입력하세요.
AI가 완성된 기능과 UI 화면을 바로 구현해 보여줍니다.
또한 생성된 HTML, CSS, JavaScript 코드의 상세 내용을 확인할 수 있으며, 필요한 코드는 복사하거나 다운로드하여 바로 사용할 수 있습니다.

3추가 수정·보완

하단 입력창에 “SNS 로그인 버튼 3개 추가해줘” 라고 입력만 하면 AI 프로가 HTML, CSS, JavaScript 코드를 빠르게 생성해 줍니다.
필요한 버튼의 자동생성, 각 브랜드의 색상과 로고,스타일 등 디자인 가이드에 맞게 최적화된 UI까지 제공합니다.

도움말

• 

  프롬프트 입력

  • 생성하고 싶은 웹 페이지의 목적, 구성 요소, 디자인 톤 등을 자유롭게 입력하세요.
• 

  미리보기 및 코드 확인

  • 입력한 프롬프트를 바탕으로 HTML, CSS, JavaScript 코드가 자동 생성됩니다.
  • 좌측 탭에서 각 코드(HTML, CSS, JavaScript)를 확인하고, 추가 요청을 입력해 원하는 부분을 수정할 수 있습니다.
  • 우측 화면에서는 생성된 코드가 적용된 미리보기 화면이 표시됩니다.
• 

  동작 선택

  • 초기화: 생성한 모든 코드가 초기화됩니다.
  • 새로고침: 우측 미리보기 화면이 새로고침 됩니다.
  • 전체 복사: HTML, CSS, JavaScript 가 포함된 전체 코드가 복사됩니다.
  • 다운로드: 전체 코드가 HTML 파일로 다운로드됩니다.

아이디어는 말로, 코드는 AI 프로로 완성해 보세요.