소프트웨어학과

구분

내용

추진 배경

□ 웹사이트 제작에는 코딩 지식과 디자인 역량이 필요해 일반 사용자에게 진입장벽이 높음.

□ 시각적으로 설계한 UI를 실시간 서비스로 빠르게 반영할 수 있는 툴의 필요성이 증가함.

□ 드로잉 기반 인터페이스를 통해 누구나 쉽게 웹 개발을 시작할 수 있는 방안이 요구됨.

목표 및 내용

□ 사용자가 그림을 그리고 텍스트로 설명을 추가하면 AI가 이를 HTML/CSS/JS 코드로 변환하는 시스템 구축함.

□ Excalidraw를 활용한 드로잉 인터페이스와 AI 기반 코드 생성 기능 구현함.

□ 브라우저 기반 플랫폼으로 별도 설치 없이 누구나 사용할 수 있도록 설계됨.

• 수행결과

□ 그림을 기반으로 설명을 추가하면 실제 웹코드로 변환되어 결과물을 확인할 수 있음.

□ 코드 미리보기 및 수정 가능한 에디터 제공으로 사용자 편의성 강화함.

□ 사용자 맞춤형 기능(AI 선택, 로그인, 작업 공간 등)으로 개인화 확장 가능성 확보함.