SYSTEM BLUEPRINT

블로그 다계정 자동포스팅
운영 화면 설계 및 시나리오

계정, 원고, 예약, 로그를 하나의 윈도우 프로그램에서 통제하는 React + Electron 기반 화면 설계입니다.

운영 담당자 시나리오

대량 포스팅 운영 흐름

수동 반복 업무를 줄이고 실패 건만 확인하는 운영자 중심 흐름입니다.

1. 계정 등록

엑셀로 오십 개 이상 계정 일괄 등록
로그인 상태 자동 확인

2. 원고 등록

원고와 여러 이미지 파일 업로드
계정별 콘텐츠 매칭

3. 예약 설정

계정별 발행 시간 지정
작업 큐 생성

4. 자동 발행

스마트에디터 입력 자동화
캡차 발생 시 대기

5. 로그 확인

성공, 실패, 대기 상태 확인
실패 건 선택 재시도

운영 담당자 | 화면 01

계정 일괄 등록 화면

local.app/accounts
계정 일괄 등록
네이버 블로그 자동 포스팅 계정 화면
오늘 예약 128건
blog_001로그인 성공사용 가능
blog_017비밀번호 오류확인 필요
blog_042캡차 발생수동 대기
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

운영자가 네이버 계정 목록을 엑셀로 업로드하고 로그인 성공, 실패 상태를 한눈에 확인하는 화면입니다.

[핵심 기능 로직]

엑셀 파싱 후 계정별 검증 작업을 큐에 넣고, 실패 사유를 계정 행에 즉시 표시합니다.

  • React Table
  • SQLite 계정 저장소
운영 담당자 | 화면 02

원고와 이미지 매칭 화면

local.app/articles
원고 매칭
네이버 블로그 자동 포스팅 원고 화면
오늘 예약 128건
맛집 홍보 원고 A이미지 6장12개 계정
병원 정보 원고 B이미지 4장8개 계정
생활 정보 원고 C이미지 5장15개 계정
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

중문과 장문 원고, 여러 이미지 파일을 등록하고 계정별 발행 콘텐츠를 매칭합니다.

[핵심 기능 로직]

원고 묶음과 이미지 파일을 작업 단위로 저장해 예약 큐가 동일 데이터를 참조하도록 설계합니다.

  • 파일 드래그 업로드
  • 콘텐츠 매칭 규칙
운영 담당자 | 화면 03

예약 발행 대시보드

예약 발행 대시보드
네이버 블로그 자동 포스팅 예약 화면
오늘 예약 128건
09:30 blog_001발행 완료성공
10:00 blog_017로그인 실패재시도
10:30 blog_042캡차 대기수동 입력
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

오늘과 내일의 예약 작업, 성공률, 실패 건을 확인하고 필요한 작업만 재시도합니다.

[핵심 기능 로직]

작업 상태를 성공, 실패, 대기, 수동 확인으로 저장해 프로그램 종료 후에도 이어서 운영할 수 있습니다.

  • Node 스케줄러
  • 작업 큐 로그
자동화 엔진 시나리오

네이버 스마트에디터 입력 자동화 흐름

화면 자동화 엔진이 원고와 이미지를 입력하고 예외 상황을 운영 화면으로 되돌려주는 흐름입니다.

1. 세션 준비

계정별 브라우저 세션 생성
로그인 상태 확인

2. 에디터 진입

네이버 글쓰기 화면 이동
스마트에디터 로딩 대기

3. 콘텐츠 입력

제목, 본문, 이미지 순차 입력
입력 결과 검증

4. 예약 저장

희망 발행 시간 설정
예약 버튼 실행

5. 상태 반환

성공 또는 실패 사유 기록
대시보드에 반영

자동화 엔진 | 화면 01

자동화 실행 모니터

local.app/runner
실행 모니터
네이버 블로그 자동 포스팅 실행 화면
오늘 예약 128건
blog_021스마트에디터 진입진행 중
blog_022이미지 업로드대기
blog_023예약 저장완료
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

현재 실행 중인 계정과 입력 단계를 실시간으로 보여주는 화면입니다.

[핵심 기능 로직]

자동화 엔진의 단계별 이벤트를 화면에 전달해 운영자가 멈춘 위치를 확인합니다.

  • Playwright
  • 이벤트 로그 스트림
자동화 엔진 | 화면 02

캡차 수동 처리 화면

local.app/manual-check
수동 확인 필요
네이버 블로그 자동 포스팅 예외 화면
오늘 예약 128건
blog_042캡차 감지입력 대기
blog_044추가 인증대기
blog_045정상 로그인진행 가능
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

캡차나 추가 인증이 발생하면 무리한 우회 대신 운영자가 직접 처리할 수 있도록 대기 화면을 제공합니다.

[핵심 기능 로직]

해당 작업을 수동 대기 상태로 분리하고, 처리 완료 후 동일 큐에서 이어서 실행합니다.

  • 수동 개입 상태
  • 작업 재개 토큰
자동화 엔진 | 화면 03

실패 원인 로그 화면

local.app/logs
실패 원인 로그
네이버 블로그 자동 포스팅 로그 화면
오늘 예약 128건
10:04 blog_017비밀번호 불일치계정 확인
10:12 blog_042캡차 발생수동 처리
10:18 blog_051이미지 업로드 지연재시도
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

실패한 포스팅의 원인을 계정, 시간, 단계별로 추적해 재시도 대상을 선별합니다.

[핵심 기능 로직]

실패 메시지와 스크린샷 경로를 함께 남겨 스마트에디터 변경에도 빠르게 대응합니다.

  • Data Aggregation & Visualization
  • 로그 저장과 스크린샷
관리자 시나리오

설정과 납품 운영 흐름

윈도우 실행 파일로 배포하고 운영 옵션과 사용 안내서를 함께 관리합니다.

1. 설치

윈도우 실행 파일 설치
로컬 데이터 저장 위치 지정

2. 옵션 설정

브라우저 대기 시간
재시도 횟수 설정

3. 권한 분리

운영자 접근 범위 지정
계정 파일 보호

4. 백업

원고와 로그 백업
운영 이력 보존

5. 유지보수

네이버 화면 변경 대응
자동화 모듈 수정

관리자 | 화면 01

프로그램 설정 화면

local.app/settings
프로그램 설정
네이버 블로그 자동 포스팅 설정 화면
오늘 예약 128건
로그인 대기30초적용
재시도 횟수2회적용
캡차 처리수동 대기적용
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

대기 시간, 재시도 횟수, 캡차 처리 방식 등 운영 옵션을 관리합니다.

[핵심 기능 로직]

자동화 엔진의 실행 파라미터를 설정으로 분리해 현장 운영 상황에 맞게 조절합니다.

  • Electron 설정 저장소
  • 실행 옵션 관리
관리자 | 화면 02

납품 패키지 관리 화면

local.app/delivery
납품 패키지
네이버 블로그 자동 포스팅 납품 화면
오늘 예약 128건
AutoPoster Setup.exe윈도우 실행 파일완료
source.zip소스 코드 원본완료
사용 안내서.pdf운영 매뉴얼완료
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

실행 파일, 소스 코드, 사용 안내서 납품 범위를 명확히 확인하는 화면입니다.

[핵심 기능 로직]

빌드 파일과 문서 버전을 함께 관리해 최종 검수와 전달을 단순화합니다.

  • Electron Builder
  • 버전 관리
관리자 | 화면 03

운영 성과 요약 화면

local.app/report
운영 성과 요약
네이버 블로그 자동 포스팅 성과 화면
오늘 예약 128건
오늘 발행128건성공률 94%
수동 확인5건캡차 중심
절감 시간약 6.5시간예상
성공
84
대기
39
수동 확인
5

[화면 개요 및 목적]

일별 발행 수, 성공률, 수동 처리 건을 요약해 마케팅 운영 효율을 확인합니다.

[핵심 기능 로직]

작업 로그를 집계해 반복 업무 절감 효과와 실패 유형을 확인할 수 있게 합니다.

  • 로그 집계
  • Issue Tracking & Status Management