본문 영역

게시판 상세

에디터 사용법

AI로 내용 생성하기

  • 이용가이드
  • 작성자 : 안목
  • 작성일 : 2026-08-01
  • 조회수 : 25

쓸 수 있는지 확인합니다

에디터 도구모음 오른쪽의 반짝임 아이콘(AI 코드 생성)이 그 자리입니다. 아이콘은 아래 두 가지가 모두 맞을 때만 나타납니다.

  • 쓸 AI 가 등록되어 있을 것 — 관리자 왼쪽 메뉴 AI 설정 > AI 어시스턴트 설정에서 쓰려는 AI 회사의 API 키를 넣습니다.
  • 로그인 등급이 운영자 또는 부운영자일 것 — 일반 회원에게는 아이콘이 보이지 않습니다.

등록할 수 있는 AI 는 네 갈래이고, 여러 개를 함께 등록해 두고 쓸 때마다 골라 쓸 수 있습니다.

표를 좌우로 밀어서 보세요.

등록할 수 있는 AI
이름특징이미지 생성
Claude (Anthropic)코드·HTML 생성과 긴 문서 이해에 강합니다.안 됩니다
GPT (OpenAI)전반적으로 무난합니다.됩니다
Gemini (Google)값이 싸고 한 번에 넣을 수 있는 글이 깁니다.됩니다
직접 입력OpenAI 규격을 따르는 서비스면 무엇이든 붙습니다.서비스에 따라 다릅니다

패널을 열고 대화를 고릅니다

아이콘을 누르면 오른쪽에 패널이 열립니다. 맨 처음 보이는 화면은 지난 대화 목록입니다.

  1. 새로 만들려면 + 새 대화를 누릅니다.
  2. 전에 하던 작업을 이어가려면 목록에서 대화 제목을 누릅니다. 주고받은 내용이 그대로 살아납니다.
  3. 대화 안에서 목록으로 돌아가려면 왼쪽 위 , 패널을 닫으려면 오른쪽 위 를 누릅니다.
AI 코드 생성 패널 — 위쪽 대화 내용과 아래쪽 입력칸, AI 고르기·SEO 반영·첨부 버튼
그림 1AI 코드 생성 패널

어떤 AI 로 만들지 정합니다

입력칸 위 왼쪽 버튼에는 지금 고른 AI 가 “코드 Claude · 이미지 안 씀” 처럼 적혀 있습니다. 눌러서 두 자리를 고릅니다.

코드·HTML 을 만들 AI
글과 화면을 짜는 AI 입니다. 등록해 둔 AI 중에서 고릅니다.
이미지를 만들 AI
기본값은 ‘이미지 안 씀’ 입니다. 여기서 AI 를 고르면 그때부터 페이지에 필요한 사진을 대신 그려 넣습니다.

글을 쓰는 AI 는 그림을 그리지 못합니다. 그래서 글은 이 AI, 그림은 저 AI 로 나누어 맡깁니다. 한 번 고른 값은 이 브라우저에 기억되어 다음에도 그대로 쓰입니다.

무엇을 만들지 씁니다

아래 입력칸에 만들 내용을 적고 Enter 로 보냅니다(줄을 바꾸려면 Shift + Enter). 무엇을 만들지 구체적으로 적을수록 결과가 좋습니다.

표를 좌우로 밀어서 보세요.

요청 예시
막연한 요청구체적인 요청
회사 소개 써줘20년 된 인테리어 시공 업체 소개 페이지. 강점 3가지와 시공 사례를 넣고, 차분한 남색 계열로
배너 만들어줘여름 할인 배너. 마감까지 남은 시간 카운트다운과 신청 버튼 포함
공지 써줘설 연휴 휴무 안내를 정중한 말투로, 기간과 문의처 포함

만드는 방식을 고릅니다

이미지를 만들 AI 를 골라 둔 상태에서 첫 요청을 보내면, 만들 방식을 되묻고 고를 단추 세 개를 보여 줍니다. 결과가 완전히 달라지는 갈림길이라 사람이 정합니다.

표를 좌우로 밀어서 보세요.

만드는 방식 세 가지
고르는 단추결과이럴 때
이미지 한 장으로 만들기 (편집 불가)요청한 내용 전부를 그림 한 장으로 그립니다. 글자도 그림 안에 그려집니다.완성된 이벤트 배너 한 장이 필요할 때
HTML·CSS 로 만들기 (편집 가능)기본입니다. 글·표·버튼이 모두 고칠 수 있는 내용으로 만들어집니다.대부분의 경우
HTML·CSS + 웹 검색 (요금 추가)AI 가 웹을 검색해 최신 정보를 반영합니다.날짜·시세·최근 소식이 들어갈 때
어떤 방식으로 만들까요 물음과 고를 단추 세 개
그림 2만드는 방식 되묻기

파일과 링크를 참고시킵니다

입력칸 아래 두 아이콘으로 참고 자료를 붙일 수 있습니다.

클립 아이콘 — 파일 첨부
사진과 문서를 함께 받습니다(PDF · 워드 · 엑셀 · 파워포인트 · txt · csv 등). 종류는 서버가 알아서 가릅니다.
고리 아이콘 — 링크 첨부
참고할 페이지 주소를 넣으면 그 페이지를 읽어 함께 넘깁니다.
  • 사진을 붙이면 그 사진을 본문에 그대로 씁니다. 우리 회사의 실제 사진을 쓰게 하는 가장 확실한 방법입니다.
  • 문서를 붙이면 내용을 읽어 그 내용대로 글을 만듭니다. 회사 소개서·메뉴판·제품 목록을 그대로 옮길 때 씁니다.
  • 링크를 붙이면 그 페이지의 색 · 글꼴 · 모서리 둥글기를 뽑아 비슷한 분위기로 만듭니다.

SEO 항목까지 함께 받습니다

SEO 반영에 체크하면 제목 · Meta Description · 키워드 세 칸이 열립니다.

  1. 글 작성 화면에 이미 적어 둔 값이 있으면 자동으로 불러옵니다.
  2. 여기서 고치면 그 값이 글 작성 화면의 SEO 칸에도 그대로 반영됩니다.
  3. AI 는 이 정보를 함께 읽고, 제목·설명·키워드에 맞춘 본문을 만듭니다.

에디터에 적용하고 이어서 고칩니다

결과는 패널 안에 코드 상자로 먼저 보이고, 그 아래 에디터에 적용 버튼이 있습니다. 버튼을 눌러야 본문에 들어갑니다.

표를 좌우로 밀어서 보세요.

적용 버튼의 동작
언제어떻게 들어가나
첫 번째 답지금 커서가 있는 자리에 끼워 넣습니다. 쓰던 글은 그대로 남습니다.
이어지는 답(수정)본문을 통째로 바꿉니다. 고쳐 달라고 한 결과이기 때문입니다.

답 아래에는 요약이 함께 붙습니다. AI 가 스스로 설명한 것이 아니라 결과를 직접 세어 적은 사실이라, 무엇이 만들어졌는지 그대로 믿고 읽으셔도 됩니다.

  • 글을 만든 AI 와 사진을 그린 AI · 사진 장수
  • 웹 검색을 몇 번 했는지(켰는데 안 했으면 그렇게 적습니다)
  • 강조색 · 큰 구역 수 · 넣은 기능(슬라이드 · 탭 · 카운트다운 등)
  • 사이트 글꼴을 그대로 물려받았는지
AI 가 만든 코드 상자와 에디터에 적용 버튼, 그 아래 요약
그림 3결과와 요약

마음에 들지 않으면 대화를 이어가며 고칩니다. 지금 에디터에 들어 있는 내용을 함께 보내므로, 아래처럼 적으면 그 부분만 바뀝니다.

  • “가격표를 3열로 바꾸고 가운데 것을 강조해 주세요”
  • “맨 위 사진을 저녁 분위기로 다시 그려 주세요”
  • “마지막 구역을 지우고 문의 버튼만 남겨 주세요”

반드시 검토합니다

여기까지 확인했나요

  • AI 설정에 API 키를 등록하고 아이콘이 보이는 것을 확인했습니다.
  • 코드를 만들 AI 와 이미지를 만들 AI 를 골랐습니다.
  • 만드는 방식(이미지 한 장 · HTML · 웹 검색)을 골라 봤습니다.
  • 결과를 에디터에 적용하고, 대화를 이어가며 고쳐 봤습니다.
  • 내용을 검토하고 수정했습니다.