WebUI 쓰는법, WebUI란, WebUI 설치 및 사용법

챗GPT 웹페이지와 같은 사이트 기반 AI 서비스를 이용할 수도 있지만 프로그램을 로컬 컴퓨터에 설치하고 WebUI를 통해 접속하여 이용하는 사람들도 늘고 있습니다. 이번 글에서는 WebUI가 무엇인지 확인해 보고, 대표적인 텍스트 생성 WebUI와 이미지 생성 WebUI의 사용법을 알아보겠습니다.

 

WebUI란

일반적으로 웹 사용자 인터페이스(Web User Interface, WebUI)란 웹 브라우저를 통해 실행되는 소프트웨어 및 기타 콘텐츠와 상호 작용하기 위한 인터페이스를 의미합니다. 웹사이트나 모바일 앱 이용자들이 해당 서비스에서 원하는 정보를 쉽게 찾고 서비스를 쉽게 사용할 수 있도록 하기 위해 웹사이트 빌더나 앱 빌더 등을 통해 다양한 디자인 요소와 기능을 적용해둔 것은 WebUI라고 할 수 있습니다.

 

디자인 요소의 예로는 사이트의 전반적인 레이아웃, 색상, 글꼴 등이 포함되며 기능에는 검색 기능, 로그인 기능, 장바구니 기능 등이 있을 수 있습니다. 웹사이트나 모바일 앱의 관리자들은 서비스에 대한 사용자들의 피드백을 바탕으로 디자인 요소와 각종 기능을 수시로 업데이트하며 사용자들이 더 나은 경험을 할 수 있도록 하고 있습니다.

 

WebUI는 바로 사용자 경험 즉 UX와 직결됩니다. 좋은 UX란 사용자가 웹사이트나 모바일 앱을 방문했을 때 편리하고 손쉬운 이용을 도모한다는 걸 의미합니다. UX가 좋지 않은 경우 사용자가 웹과 앱을 쉽게 이탈할 가능성이 높아집니다. UX를 최적화할 때 중요한 다섯 가지 요소는 다음과 같습니다.

• 내비게이션 : 사용자가 웹사이트나 모바일 앱에서 각 콘텐츠 간의 이동이 편리하고 쉬워야 합니다. 사이트의 모든 페이지는 논리적으로 잘 연결되어 있어야 합니다.
• 콘텐츠 : 잘 작성되고 유익한 콘텐츠를 제공하는 것도 중요합니다. 이미지, 비디오, 인포그래픽과 같은 시각 자료를 사용하는 경우 더욱 도움이 됩니다.
• 속도 : 웹사이트와 앱은 사용자가 이용하기에 불편함이 없는 속도로 로딩될 수 있어야 합니다. 속도가 느린 경우 사용자의 이탈률이 높아질 수 있습니다.
• 반응형 유무 : 모바일 디바이스의 이용도가 PC를 넘어선지도 한참 되었습니다. 이에 웹사이트의 경우 특히 반응형인지 여부가 중요합니다. 모바일 기기에서 접속했을 때에도 글자를 잘 읽을 수 있고 모바일 환경에 친화적이어야 사용자들의 이탈을 막을 수 있습니다.
• 참여 컨텐츠 유무 : 웹사이트나 앱에 방문한 사용자가 직접 참여하고 관여도를 느낄 수 있는 컨텐츠가 있는 경우에도 도움이 됩니다. 챗봇과 같이 바로 대화가 가능한 고객 센터 등도 참여형 콘텐츠에 포함됩니다.

 

WebUI가 최근 이슈가 되는 이유

최근 WebUI가 이슈가 되고 있는 것은 AI 그림 그리기 서비스인 스테이블 디퓨전을 PC에 설치하여 WebUI를 통해 편리하게 이용하려는 사람들이 늘고 있기 때문입니다. 보통 프로그램을 설치하려면 설치에 많은 용량을 잡아먹는데 WebUI를 이용하면 사용하고 있는 브라우저를 GUI로 간단히 이용할 수 있어 작업이 쉬워집니다.

 

WebUI는 웹뷰 컨트롤러와는 다릅니다. 프로그램에 웹뷰 컨트롤러가 내장되는 경우 웹뷰 런타임이 필요하여 용량이 커지는 등의 문제가 발생하지만 WebUI를 이용하면 아주 적은 정적, 동적 라이브러리만 필요하여 프로그램이 더욱 빠르고 가볍게 구동될 수 있게 됩니다. WebUI는 크롬 뿐아니라 엣지, 파이어폭스, 사파리 등 다양한 브라우저를 지원하여 접근 또한 용이합니다.

 

WebUI 쓰는법

요구사항

각종 AI 관련 프로그램이나 모델 등을 PC에서 이용하려면 아래의 요구사항이 필요할 수 있습니다.

• 최소 6GB VRAM
• 윈도우 8, 10, 11, MacOS 또는 리눅스
• 잔여 용량 10GB 이상
• 파이썬과 git 등 각종 설치 프로그램

 

AI 텍스트 생성용 WebUI 사용법

텍스트 생성 프로그램 구동을 위한 WebUI로 대표적인 것은 Oobabooga 입니다. 먼저 아래 페이지에 접속한 후 다음 단계를 따르시면 됩니다.

https://github.com/oobabooga/text-generation-webui/#one-click-installers

 

1. 위의 사이트에 접속합니다.

2. 파일이 윈도우용, 리눅스용, MacOS용으로 나뉘어져 있습니다. 맞는 zip 파일을 다운로드받은 후 압축을 풉니다.

3. 압축이 풀린 폴더에 들어가 install.bat 파일을 찾은 뒤 더블클릭 합니다.

4. cmd가 열리고 설치를 시작합니다. Finished processing dependencies for quant-cuba 라는 메시지가 나타나면 설치가 완료된 것입니다.

5. 원하는 텍스트 생성 모델을 다운로드받아 text-generation-webui/models 폴더 안에 넣어줍니다. 텍스트 모델에는 GPT4 x Alpaca 13b Native 4bit 128g 등이 있습니다.

6. 배치파일을 더블클릭 하고, 로컬 URL로 알려주는 링크를 확인합니다.

7. 사용하고 있는 브라우저를 열고 해당 로컬 URL로 접속하여 서비스를 이용합니다.

 

AI 이미지 생성용 WebUI 사용법

이미지 생성 프로그램을 위한 대표적인 WebUI에는 Automatic1111이 있습니다. 페이지 주소는 아래와 같습니다.

https://github.com/AUTOMATIC1111/stable-diffusion-webui

Automatic1111을 구동하기 위해서는 먼저 컴퓨터에 파이썬과 git를 설치해야 합니다. 파이썬과 git를 설치하는 방법 및 Web UI 사용법은 아래 글에서 참고하시면 됩니다.

WebUI 설치 후에는 HuggingFace나 CivitAI 등에서 원하는 그림체로 된 모델을 다운로드받아 위의 글에 명시된 폴더 안에 넣어주면 이용하실 수 있습니다.