사용법 · 다음 단계

2026-07-27 · 집계 앱 v2 기준 · 캡쳐 한 장에서 블로그 발행까지

러닝 앱 캡쳐 한 장을 올리면 기록이 누적되고, 저장하는 순간 블로그 글감(제목 + 사진)이 완성됩니다. 데이터는 서버가 아니라 내 브라우저와 내 드라이브에만 저장됩니다.

1. 매일 쓰는 흐름 (3분)

러닝 종료 → 앱 기록 캡쳐
  → [기록 추가]에 캡쳐 올리기 (또는 [드라이브에서 캡쳐 가져오기])
  → OCR이 거리·페이스·시간을 자동으로 채움 → 확인·수정
  → [저장]
  → 블로그 글감 창이 자동으로 뜸
       [🖼 이미지 복사] → [✍ 네이버 글쓰기 열기] → 본문 Ctrl+V → 제목 붙여넣기 → 발행
  → 앱으로 돌아와 [✅ 발행 완료로 표시]
  → 대시보드·목표 달성도에 즉시 반영

ℹ️ OCR은 빈 칸만 채우는 보조 수단입니다. 값이 틀리면 저장 전에 고치세요 — 확인·수정이 정식 경로입니다.

2. 화면별 사용법

화면	할 수 있는 일
대시보드	누적 거리·평균 페이스·최장/최속 기록, 주간 거리 막대·페이스 추이 차트
기록 추가	캡쳐 업로드(끌어다 놓기 가능) → OCR 프리필 → 확인·저장. 사진 없이 직접 입력도 가능
목표 · 달성도	주/월/연 목표(횟수·거리) 설정과 달성률. 기본값은 주 3 · 월 15 · 연 180회
데이터 · 내보내기	기록 표(수정·삭제·블로그 글감), JSON 내보내기/가져오기, 드라이브 연동, 블로그 설정

블로그 글감 창

버튼	동작
📋 복사	제목(`26.07.28 - 3.2KM` 형식)을 클립보드로
🖼 이미지 복사	캡쳐를 클립보드로 (PC — 에디터 본문에 Ctrl+V)
📤 이미지·제목 공유	모바일 공유 시트 → 네이버 블로그 앱으로 바로 전달
⬇ 이미지 저장	클립보드·공유를 모두 못 쓰는 브라우저용 폴백
✍ 네이버 글쓰기 열기	내 블로그 글쓰기 창을 새 탭으로 (카테고리 지정 포함)
✅ 발행 완료로 표시	발행 시각을 기록 — 데이터 표에 ✓ 발행 배지, 미발행 목록에서 제외

⚠️ 이미지 복사를 먼저, 글쓰기 창 열기를 나중에 누르세요. 순서가 바뀌면 브라우저가 클립보드 접근을 막습니다(창이 포커스를 가져가기 때문). 두 동작을 한 버튼으로 합치지 않은 이유이기도 합니다.

3. 최초 설정 (각각 1회)

블로그 설정 — 필수

데이터 · 내보내기 → 네이버 블로그 카드 → ⚙ 설정
블로그 ID: 블로그 주소의 마지막 부분 (예: blog.naver.com/nevertheless-jos → nevertheless-jos)
카테고리 번호(선택): 블로그에서 해당 카테고리를 열었을 때 주소의 categoryNo= 값 (예: 운동 → 150)
기록 저장 후 글감 자동 열기 체크 → 저장

구글드라이브 연동 — 선택

데이터 · 내보내기 → 구글드라이브 → 🔗 구글 계정 연결에서 로그인 한 번이면 끝입니다. 이후 기록을 저장·삭제할 때마다 몇 초 안에 내 드라이브의 정본(running_records.json)에 자동 반영되고, 다른 기기에서 저장한 기록도 이 브라우저로 합쳐집니다. 휴대폰에서 드라이브로 캡쳐를 자동 백업해 두면 📥 캡쳐 가져오기로 여러 장을 골라 순차 처리할 수 있습니다(이미 가져온 캡쳐는 자동 스킵). 상세 설계는 드라이브 문서를 보세요.

ℹ️ 설정값(블로그 ID 등)은 이 브라우저에만 저장되고 서버로 전송되지 않습니다. 드라이브 토큰도 메모리에만 보관됩니다 — 약 1시간 후 만료되면 화면을 한 번 클릭할 때 자동으로 다시 이어집니다.

4. 백업 — 꼭 해두세요

기록은 이 브라우저(localStorage + IndexedDB)에만 있습니다. 브라우저 데이터를 지우면 복구할 수 없습니다.

데이터 · 내보내기 → ⬇ 정본 내보내기(JSON) — 주기적으로 파일로 저장 (사진은 미포함)
구글 계정 연결 — 연결해 두면 저장할 때마다 running_records.json이 내 드라이브에 자동 갱신
복원은 📁 JSON 가져오기 한 번이면 끝입니다.

5. 관리자: 완전 자동 발행 (선택 · 트랙 B)

본인 PC에서 스크립트가 스마트에디터를 직접 조작해 발행까지 자동으로 처리합니다. 브라우저 자동화는 네이버 약관상 회색지대이므로 본인 계정 · 소량으로만 쓰세요. 자세한 리스크는 블로그 문서 §6.

cd scripts
npm install
npx playwright install chromium
node blog-auto-post.mjs --login          # 최초 1회: 창에서 직접 로그인 (자동 입력 없음)

# 앱에서 정본 JSON을 내보낸 뒤
node blog-auto-post.mjs --json ../running_records.json --images ../기록 --blog nevertheless-jos --category 150
    # 기본은 dry-run — 발행 직전에 멈추고 scripts/out/ 에 스크린샷을 남김
node blog-auto-post.mjs ... --publish     # 확인 후 실제 발행 (기본 1건)

⚠️ 첫 실행에서는 스마트에디터 화면 구조가 스크립트의 셀렉터와 다를 수 있습니다. dry-run 스크린샷을 보고 blog-auto-post.mjs 상단의 SEL 값을 맞춘 뒤 --publish를 쓰세요. 발행에 성공하면 JSON에 발행 시각이 기록되고, 그 JSON을 앱으로 가져오면 배지가 반영됩니다.

6. 다음 단계

지금블로그 설정 입력데이터 · 내보내기 → 네이버 블로그 → ⚙ 설정에 블로그 ID와 카테고리 번호를 넣습니다. 이걸 해야 글감 자동 열기가 켜집니다.
지금실제 1건으로 왕복 확인오늘 러닝 캡쳐로 저장 → 이미지 복사 → 글쓰기 창 → 붙여넣기 → 발행 → 발행 완료 표시까지 한 바퀴 돌려보고, 어색한 지점을 알려주세요.
다음모바일에서 공유 흐름 확인휴대폰으로 앱을 열어 저장하면 📤 공유 버튼이 뜹니다. 네이버 블로그 앱으로 이미지가 잘 넘어가는지 확인이 필요합니다.
다음관리자 자동 발행 셋업(선택)위 5번 절차대로 dry-run까지 돌려 셀렉터를 한 번 맞춰두면, 이후에는 명령 한 줄로 발행됩니다.
이후M2 · 드라이브 폴더 자동 스캔Picker로 고르지 않아도 새 캡쳐를 감지해 가져오기 — 드라이브 문서 §7
이후M3 · 주간 리포트 자동발행주간 집계를 카드 이미지로 만들어 블로그 글감으로 — 블로그 문서 §8

7. 문제가 생기면

증상	해결
글감 창이 저장 후 안 뜬다	블로그 ID가 비어 있거나 자동 열기가 꺼져 있습니다. ⚙ 설정 확인. 드라이브로 여러 장을 처리 중일 때는 일부러 뜨지 않고, 다 끝난 뒤 미발행 목록으로 안내합니다.
이미지 복사 버튼이 없다	브라우저가 클립보드 이미지를 지원하지 않거나 HTTPS가 아닙니다. `⬇ 이미지 저장`으로 내려받아 에디터에서 첨부하세요.
붙여넣기가 안 된다	글쓰기 창을 먼저 열었다면 앱으로 돌아와 이미지 복사를 다시 누르고 에디터로 이동하세요.
OCR 값이 자꾸 틀리다	캡쳐를 자르지 말고 전체 화면으로, 밝은 테마로 찍으면 인식률이 오릅니다. 그래도 틀리면 직접 수정해 저장하세요.
기록이 사라졌다	브라우저 데이터 삭제·시크릿 창·다른 기기입니다. 내보낸 JSON이나 드라이브 백업을 📁 JSON 가져오기로 복원하세요.
드라이브 창이 자꾸 로그인을 묻는다	토큰이 약 1시간마다 만료됩니다. 다시 동의하면 됩니다 — 정상 동작입니다.