📖 PostDrafter 사용자 가이드

현장 사진과 간단한 메모로 전문 블로그 글을 자동 생성합니다

🚀 시작하기

PostDrafter는 무엇인가요?

현장 사진과 간단한 메모만으로 전문적인 블로그 포스팅을 AI가 자동 생성해주는 서비스입니다. 네이버 블로그, 티스토리, 워드프레스, Medium, Blogger 등 5개 플랫폼에 최적화된 글을 만들 수 있습니다.

기본 사용 흐름

1
회원가입 & API 키 등록
회원가입 후 설정 페이지에서 사용할 AI의 API 키를 등록합니다. (OpenAI, Google, Anthropic, DeepSeek 중 택1)
2
새 글 시작
플랫폼(네이버/티스토리/워드프레스/Medium/Blogger)과 카테고리를 선택합니다.
3
내용 입력
섹션별로 사진 업로드, 텍스트 입력, 음성 녹음을 합니다.
4
AI 글 생성
톤과 디자인을 선택하고 AI 생성 버튼을 누릅니다.
5
결과 복사 & 블로그 게시
전체 복사 또는 HTML 복사로 블로그에 붙여넣기 합니다.

✏️ 새 글 작성

플랫폼 선택 (5종)

📗 네이버 블로그가장 많이 사용. table 기반 서식. 전체 복사로 붙여넣기.
📘 티스토리HTML 자유도 높음. HTML 복사로 HTML 모드에 붙여넣기.
📙 워드프레스모든 CSS 지원. FAQ 자동 포함. SEO 메타 태그 생성.
📓 Medium영문 블로그 플랫폼. Tags 자동 생성.
📕 Blogger구글 블로그. Labels 자동 생성.

카테고리 (6종)

카테고리에 따라 섹션 구성과 AI 프롬프트가 달라집니다.

🔨 시공 (CONSTRUCTION) (8개 섹션)
작업위치, 문제내용, 주변상황, 작업과정, 결과 등
✈️ 여행 (TRAVEL) (11개 섹션)
여행지, 경로, 교통, 숙소, 맛집, 감상 등
📍 장소 리뷰 (PLACE_REVIEW) (17개 섹션)
위치, 첫인상, 메뉴, 분위기, 시설, 가격 등
🎯 체험 리뷰 (SERVICE_REVIEW) (17개 섹션)
이벤트명, 기본정보, 프로그램, 체험내용, 만족도 등
📦 제품 리뷰 (PRODUCT_REVIEW) (14개 섹션)
구매동기, 제품정보, 개봉기, 외관, 사용기, 장단점 등
📝 자유 (CUSTOM) (자유 구성)
제한 없이 자유롭게 섹션을 구성합니다.

🛠️ 에디터 사용법

입력 방법 4가지

🖼️ 갤러리/촬영
사진을 선택하거나 직접 촬영합니다. 여러 장 업로드 가능. Cloudinary에 자동 저장됩니다.
⌨️ 텍스트 입력
간단한 메모나 키워드만 입력하면 AI가 문맥에 맞게 내용을 충실하게 생성합니다. 이모티콘도 그대로 유지됩니다.
🎙️ 음성 녹음
마이크 버튼을 누르고 말하면 자동으로 텍스트 변환(STT)됩니다. 녹음 원본도 저장되어 다시 들을 수 있습니다.
📚 라이브러리
미리 저장해둔 텍스트, 이모티콘, 이미지 등을 바로 삽입합니다.

회사 정보 자동 반영

설정에서 회사명, 회사 소개, 로고 URL, 마무리 고정 문구, 기본 해시태그를 등록하면 AI가 글 생성 시 자동으로 반영합니다. 회사 소개는 글 본문에 자연스럽게 녹아들고, 로고는 글 상단에 삽입되며, 마무리 문구와 해시태그는 글 하단에 고정됩니다.

톤 선택 (11종)

친근+정보형
~입니다/~해요 혼합
전문+따뜻한
신뢰감 있는 전문가 톤
공감형
고객 입장에서 서술
상담형
질문-답변 형식
깔끔 간결
핵심만 전달
사례 후기형
시간 순서 스토리텔링
프리미엄
고급스러운 표현
마케팅
CTA, 행동 유도 포함
커스텀
직접 지정
구조화 정보형
번호/목록/화살표로 구조화 + HTML 디자인 적용
청순발랄형
밝고 경쾌한 문체, 감탄사와 이모티콘 활용

디자인 선택 (5종)

🎨 컬러 박스형
다채로운 배경색, 5색 순환 소제목
⬜ 미니멀 심플형
흑백+회색, 여백 중심 깔끔한 스타일
📰 매거진 스타일
잡지 레이아웃, 큰 제목, 인용구
🍂 따뜻한 내추럴형
갈색/베이지, 자연 친화적 분위기
🌙 다크 시크형
어두운 배경, 네온 포인트 컬러

📋 결과 & 복사

복사 버튼 종류

전체 복사
서식(색상, 배경, 폰트)이 포함된 상태로 복사. 네이버 블로그에 붙여넣기하면 디자인이 그대로 유지됩니다.
HTML 복사 (블로그 붙여넣기용)
HTML 소스코드를 복사. 티스토리/워드프레스의 HTML 모드에 붙여넣기합니다.
HTML 파일 저장
HTML 파일로 다운로드. PC에서 미리보기용으로 사용합니다.

이미지 가이드

생성된 글에는 이미지 위치가 [이미지: 원본파일명] 형태로 표시됩니다. 결과 페이지 하단의 이미지 가이드에서 각 섹션별 첨부 이미지의 원본 파일명과 미리보기를 확인할 수 있으므로, 블로그 에디터에서 해당 위치에 맞는 이미지를 직접 삽입하세요.

🔍 SEO 메타 태그 (워드프레스/티스토리)

워드프레스나 티스토리로 글을 생성하면 meta description, og:title, og:description이 자동 생성됩니다. 결과 페이지에서 "메타 태그 복사" 버튼으로 HTML 태그를 복사해 블로그 헤더에 붙여넣을 수 있습니다. 네이버 블로그는 자체적으로 메타 태그를 생성하므로 제공하지 않습니다.

⚙️ 설정

🏢 회사 정보

회사명, 로고 URL, 회사 소개, 마무리 고정 문구(HTML 가능), 기본 해시태그를 설정합니다. AI가 글 생성 시 회사 소개를 본문에 자연스럽게 녹여서 작성하고, 로고와 마무리 문구는 자동 삽입됩니다. 마무리 문구에는 전화 연결 링크, 이미지 배너 등 HTML 코드를 직접 입력할 수 있으며, 하단에 예제가 제공됩니다.

🔑 AI API 키

OpenAI, Google Gemini, Anthropic Claude, DeepSeek 중 사용할 AI의 API 키를 등록합니다. 각 서비스별 가입 방법과 키 발급 절차가 상세히 안내되어 있습니다. 본인 키로 직접 AI를 호출하므로 사용량에 따른 비용은 각 AI 서비스에서 청구됩니다.

🔒 비밀번호 변경

현재 비밀번호를 확인한 후 새 비밀번호로 변경할 수 있습니다. 비밀번호는 6자 이상이어야 합니다.

🌐 언어 설정

한국어와 English 중 선택할 수 있습니다. 언어를 변경하면 전체 인터페이스가 해당 언어로 전환되며, 선택한 언어가 저장되어 다음 방문 시에도 유지됩니다.

🌐 플랫폼별 붙여넣기 방법

📗 네이버 블로그

1. 결과 페이지에서 "전체 복사" 버튼 클릭

2. 네이버 블로그 에디터 열기 → Ctrl+V (붙여넣기)

3. 이미지는 [이미지: 파일명] 위치에 네이버 에디터에서 직접 추가

※ 네이버는 외부 이미지 URL을 허용하지 않으므로 이미지는 직접 업로드해야 합니다.

📘 티스토리

1. 결과 페이지에서 "HTML 복사" 버튼 클릭

2. 티스토리 에디터 → 우측 상단 "HTML" 모드 전환

3. Ctrl+V (붙여넣기) → 다시 에디터 모드로 전환하여 확인

※ SEO 메타 태그도 함께 생성되므로 "메타 태그 복사"로 활용하세요.

📙 워드프레스

1. 결과 페이지에서 "HTML 복사" 버튼 클릭

2. 워드프레스 에디터 → "커스텀 HTML" 블록 추가 또는 코드 에디터 모드

3. Ctrl+V (붙여넣기)

※ FAQ 섹션 자동 포함. SEO 메타 태그를 Yoast 등 SEO 플러그인에 활용하세요.

📓 Medium

1. 결과 페이지에서 "전체 복사" 버튼 클릭

2. Medium 새 스토리 페이지에서 Ctrl+V (붙여넣기)

※ Tags가 자동 생성되므로 발행 시 태그 설정에 활용하세요.

📕 Blogger

1. 결과 페이지에서 "HTML 복사" 버튼 클릭

2. Blogger 글쓰기 → "HTML 보기" 모드 전환

3. Ctrl+V (붙여넣기)

※ Labels가 자동 생성되므로 발행 시 라벨 설정에 활용하세요.

❓ FAQ

Q. AI가 내 글을 요약하거나 줄여버려요
A. 입력한 모든 섹션의 내용이 빠짐없이 포함되도록 설정되어 있습니다. 만약 내용이 누락되면 다시 생성해보세요.
Q. 이모티콘을 넣었는데 AI가 삭제했어요
A. 사용자가 입력한 이모티콘은 삭제하지 않도록 설정되어 있습니다. 문제가 계속되면 다시 생성해보세요.
Q. 네이버 블로그에 붙여넣기 했는데 서식이 깨져요
A. 네이버 호환 CSS만 사용하도록 최적화되어 있습니다. "전체 복사" 버튼을 사용했는지 확인하세요. HTML 복사는 티스토리/워드프레스용입니다.
Q. 티스토리에 붙여넣기 했는데 디자인이 안 나와요
A. "HTML 복사" 버튼을 사용하고, 티스토리 에디터에서 반드시 HTML 모드로 전환한 후 붙여넣기 하세요.
Q. API 키를 어디서 발급받나요?
A. 설정 > API 키 탭에서 각 AI 서비스별 상세 가입/발급 가이드를 확인할 수 있습니다.
Q. 음성 녹음이 안 돼요
A. 브라우저에서 마이크 권한을 허용해야 합니다. 주소창 왼쪽의 자물쇠 아이콘을 클릭해서 마이크 권한을 확인하세요.
Q. 녹음한 음성을 다시 들을 수 있나요?
A. 네, 녹음이 완료되면 해당 섹션에 오디오 재생 플레이어가 표시됩니다. 프로젝트를 다시 열어도 재생 가능합니다.
Q. 회사 소개가 생성된 글에 반영이 안 돼요
A. 설정 > 회사 정보에서 회사 소개를 저장했는지 확인하세요. AI가 본문에 자연스럽게 녹여서 작성하도록 설정되어 있습니다.
Q. SEO 메타 태그는 어디서 확인하나요?
A. 워드프레스나 티스토리로 생성한 경우에만 결과 페이지 하단에 SEO 메타 태그가 표시됩니다. 네이버 블로그는 자체 메타 태그를 생성하므로 제공하지 않습니다.
더 궁금한 점이 있으시면 관리자에게 문의해주세요.