📕JooShow

JooShow 사용 가이드

설치부터 첫 가이드 완성, 내보내기까지 — 순서대로 따라 하면 10분이면 전부 익힙니다.

Chrome · 네이버 웨일 · Edge 지원 — 회원가입 없음, 모든 데이터는 내 브라우저 안에만

1.설치

크롬 웹스토어에서 한 번의 클릭이면 끝납니다.

Chrome 웹스토어에서 JooShow 설치

상단의 Chrome에 추가 버튼을 누르면 웹스토어로 이동합니다. "확장 프로그램 추가"를 누르세요.

툴바에 고정하기

주소창 오른쪽 퍼즐 조각(🧩) 아이콘 → JooShow 옆의 📌 핀을 누르면 툴바에 항상 보입니다.

아이콘 클릭으로 시작

📕 아이콘을 누르면 팝업이 열립니다 — 스텝 레코더와 모든 캡처 도구가 여기 모여 있습니다.

💡네이버 웨일·Edge에서도 같은 방법으로 설치됩니다. 두 브라우저 모두 크롬 웹스토어 확장을 지원합니다.

2.첫 가이드 만들기 — 스텝 레코더

JooShow의 핵심입니다. 평소처럼 클릭하며 시연만 하면 가이드북 초안이 완성됩니다.

레코더 켜기

팝업에서 ⏺ 스텝 레코더 시작 또는 Alt+Shift+R (Mac ⌥⇧R). 확장 아이콘 배지가 REC로 바뀝니다.

평소처럼 사용법 시연

메뉴를 열고, 버튼을 누르고, 입력하고 — 클릭할 때마다 ① 스크린샷이 찍히고 ② 클릭 위치에 번호 마커가 붙고 ③ "'저장' 버튼을 클릭합니다" 같은 한국어 설명이 자동으로 만들어집니다. 페이지를 이동해도 기록은 계속됩니다.

중간 조절

팝업을 다시 열면 ⏸ 일시정지와 ↩ 마지막 스텝 삭제가 있습니다. 잘못 누른 클릭은 그 자리에서 지우세요.

정지 = 편집 화면

다시 Alt+Shift+R 또는 팝업의 정지 버튼을 누르면 녹화가 끝나고 편집 화면이 자동으로 열립니다.

✅설명이 자동으로 붙는 원리: 클릭한 요소의 텍스트·역할(버튼/링크/입력란)을 읽어 한국어 문장으로 만듭니다. 어색한 문장은 편집 화면에서 바로 고치면 됩니다.
⚠️브라우저 내부 페이지(chrome:// 설정 등)와 웹스토어에서는 확장이 동작할 수 없어 클릭이 기록되지 않습니다. 일반 웹사이트에서 시연하세요.

3.캡처 도구

가이드를 만들 때가 아니어도, 매일 쓰는 캡처 도구로 손색없습니다. 결과는 클립보드에 즉시 복사되고 미리보기 카드가 뜹니다.

📸 탭 캡처

지금 보이는 화면 전체를 한 장으로. 미리보기 카드에서 바로 저장·편집으로 이어집니다.

Alt+Shift+S (Mac ⌥⇧S)

🔲 영역 캡처

드래그로 원하는 부분만. ESC로 취소.

Alt+Shift+A (Mac ⌥⇧A)

📜 스크롤 캡처

영역을 지정한 뒤 직접 스크롤하거나 ⏬ 자동을 누르면 끝까지 알아서 캡처합니다. 화면 오른쪽 미니맵에 캡처된 구간이 초록색으로 실시간 표시됩니다.

팝업 버튼 (단축키 직접 지정 가능)

🔤 텍스트 추출 (OCR)

영역을 지정하면 이미지 속 한국어·영어 글자를 텍스트로 추출해 클립보드에 복사. 전부 내 컴퓨터 안에서 처리되고 어디로도 전송되지 않습니다.

Alt+Shift+O (Mac ⌥⇧O)

🖥️ 데스크톱 캡처

브라우저 밖 다른 앱 화면도 캡처. 화면 공유 선택창에서 창/전체 화면을 고르세요.

팝업 버튼

🎥 화면 녹화

화면을 영상으로 녹화해 MP4로 저장(미지원 환경은 WebM). 녹화 후 컷 편집·배속 내보내기까지.

팝업 버튼
💡팝업 하단 캡처 시 파일로도 저장을 켜면 클립보드 복사와 동시에 다운로드 폴더의 JooShow 폴더에 PNG가 저장됩니다.

4.편집 화면

팝업의 ✏️ 내 가이드 편집으로 언제든 다시 들어올 수 있습니다. 모든 수정은 자동 저장됩니다.

스텝 카드 다루기

  • 설명 수정 — 카드의 설명을 클릭해 바로 고칩니다.
  • 순서 바꾸기 — ☰ 손잡이를 끌어 원하는 위치로.
  • 복사 — 📋 이미지만 또는 📝 이미지+설명(번호·설명이 이미지 하단에 합성)을 클립보드로.
  • 텍스트 스텝 추가 — 이미지 없이 안내 문장만 있는 스텝을 끼워 넣을 수 있습니다.
  • 삭제 — 실수해도 Ctrl+Z / Mac ⌘Z로 되돌립니다.

이미지 편집 모달 — 썸네일 클릭

썸네일을 클릭하면 원본 크기 편집 모달이 열립니다. 도구 막대 왼쪽부터:

도구하는 일
☝️ 선택/이동그려둔 주석을 클릭해 선택, 드래그로 이동, Delete로 삭제
📍 마커클릭 위치 번호 마커를 정확한 지점으로 이동
↗ ╱ ▭ ◯ ✏️화살표·직선·사각형·타원·자유 곡선 — 색상과 굵기 선택 가능
T 텍스트이미지 위에 글자 얹기
🔒 블러이름·연락처 등 민감한 부분을 드래그 한 번으로 모자이크
🔍 확대클릭 지점 자동 확대(줌 인셋) — 작은 버튼도 또렷하게
📋 복사지금 보이는 편집 결과를 저장 없이 바로 클립보드로
💡모달을 닫지 않고 ← → 키로 이전/다음 스텝을 이어서 편집할 수 있습니다. 이동할 때 변경사항은 자동 저장됩니다.

세션 목록

  • 편집 화면 상단 ← 세션 목록에서 지금까지 만든 가이드 전체를 봅니다.
  • ☑️ 선택으로 여러 가이드를 한 번에 삭제, 🔗 공유 관리에서 내가 만든 공유 링크를 관리합니다.
  • 🧽 원본 정리 — 원본 스크린샷을 지워 저장 공간을 줄입니다. 이후 그 가이드는 마커·주석 재편집이 안 되니 완성본에만 쓰세요.

5.내보내기

편집 화면 상단의 내보내기 그룹에서 원하는 형태를 고르세요. 한 번 기록한 가이드는 어떤 형태로든 다시 태어납니다.

형식결과물이럴 때
🔗 공유 링크링크 하나 — 받는 사람은 로그인 없이 브라우저로 바로 봄단톡방·메일로 빠르게 전달
PPT스텝당 슬라이드 1장 (.pptx)구글 슬라이드 가져오기, Canva 업로드, 수업 자료
웹 문서단일 HTML 파일 — 받은 사람도 브라우저에서 편집·인쇄(PDF) 가능매뉴얼 파일로 보관·배포
ZIP순번 매겨진 이미지 + guide.md(마크다운)노션·깃허브·블로그에 재조립
GIF마우스가 클릭 지점으로 움직이는 애니메이션 데모짧은 데모, 커뮤니티 공유
카드뉴스표지+단계+엔딩 카드 세트 (인스타 4:5 / 1:1)SNS 홍보·안내
📋 전체 복사이미지+설명을 문서용으로 클립보드에한글(HWP)·워드에 그대로 붙여넣기
💡Canva로 가져가기: PPT로 내보낸 뒤 Canva에서 업로드하면 페이지별로 자동 배치됩니다. 원클릭 직접 연동은 준비 중입니다.

6.공유 링크 자세히

서버 전송은 이 기능을 직접 실행할 때만, 그 가이드의 이미지와 설명만 업로드됩니다.

🔗 공유 링크 클릭

편집 화면 상단 버튼. 만료 기간(7·30·90·180일)과 선택 비밀번호를 정합니다.

민감정보 확인 체크

이름·연락처가 화면에 없는지 확인했다는 체크를 해야 링크가 만들어집니다 — 있다면 먼저 🔒 블러로 가리세요.

링크 복사해서 전달

받는 사람은 설치·로그인 없이 브라우저에서 바로 봅니다. 비밀번호를 걸었다면 열 때 물어봅니다.

관리와 삭제

세션 목록의 🔗 공유 관리에서 내가 만든 링크를 언제든 삭제할 수 있고, 만료일이 지나면 서버에서 자동 삭제됩니다.

🔒링크를 아는 사람은 누구나 볼 수 있습니다. 민감한 내용이면 비밀번호를 함께 쓰고, 다 쓴 링크는 공유 관리에서 지우는 습관을 권합니다.

7.AI 도우미에서 가이드 찾기 (MCP)

Claude·ChatGPT에 주소 하나를 등록하면 AI가 공개 갤러리의 가이드를 찾아 단계별로 안내합니다. 확장 업데이트나 로그인은 필요 없습니다.

연결 주소 등록

Claude는 채팅 입력창의 + → 커넥터 → 커넥터 추가 → 커스텀 커넥터 추가에서 이름 JooShow, 주소 https://joo.show/mcp를 넣고 인증은 로그인 없음으로 추가합니다.

"JooShow에서 ○○ 방법 찾아 줘"

질문에 JooShow를 붙이면 AI가 갤러리에서 맞는 가이드를 찾아 단계를 요약하고 링크를 줍니다. 처음 한 번은 도구 사용을 묻는데 항상 허용을 누르면 됩니다.

내 가이드도 검색되게

공유 링크를 만든 뒤 🌍 갤러리에 공개 신청을 하세요. 승인되면 AI 검색에도 나타납니다. 비공개 링크·비밀번호 가이드는 검색되지 않습니다.

화면을 보며 따라 하려면 Claude에 JooShow 연결하기 스크린샷 가이드를, ChatGPT·Claude Code·Cursor 연결은 AI 연결 안내를 보세요.

8.단축키 한눈에

기본 4개 외에도 모든 기능에 원하는 키를 직접 지정할 수 있습니다.

기능WindowsMac
탭 캡처Alt+Shift+S⌥⇧S
스텝 레코더 시작/정지Alt+Shift+R⌥⇧R
영역 캡처Alt+Shift+A⌥⇧A
텍스트 추출 (OCR)Alt+Shift+O⌥⇧O
스크롤 캡처 · 데스크톱 캡처 · 화면 녹화기본 키 없음 — 아래 방법으로 직접 지정
편집 화면: 되돌리기Ctrl+Z⌘Z
편집 모달: 이전/다음 스텝← →

단축키 변경: 팝업 하단 ⌨️ 단축키 변경을 누르거나 주소창에 chrome://extensions/shortcuts 입력 → JooShow 항목에서 원하는 키 조합을 입력하면 됩니다.

9.자주 묻는 질문

내 스크린샷이 어딘가로 전송되나요?

아니요. 스크린샷·가이드·설정은 전부 브라우저 로컬 저장소(IndexedDB)에만 저장됩니다. 서버 전송은 공유 링크를 직접 만들 때만, 그 가이드의 이미지·설명만 업로드됩니다. OCR도 내장 엔진으로 기기 안에서 처리됩니다. 분석·광고 SDK는 없습니다. 자세한 내용은 개인정보처리방침을 보세요.

회원가입이나 로그인이 필요한가요?

필요 없습니다. 설치하면 바로 모든 기능을 쓸 수 있습니다.

녹화했는데 스텝이 기록되지 않아요

브라우저 내부 페이지(chrome:// 설정, 웹스토어, 새 탭)에서는 확장이 동작할 수 없습니다. 일반 웹사이트에서 시연하세요. 방금 설치했다면 이미 열려 있던 탭은 새로고침 한 번이 필요합니다.

자동 설명이 어색해요 / "표시된 위치를 클릭합니다"라고만 나와요

클릭한 요소에서 읽을 텍스트가 없으면 기본 문장이 들어갑니다. 편집 화면에서 설명을 클릭해 바로 고치면 됩니다 — 어차피 다듬는 단계를 거치는 걸 권합니다.

화면 녹화 영상을 자르거나 빠르게 만들 수 있나요?

네. 녹화가 끝나면 컷 편집기가 열립니다 — 타임라인에서 ✂️로 구간을 잘라내고, 배속(1×~30×)을 골라 내보낼 수 있습니다. 4× 이상은 무음 처리됩니다.

저장 공간이 걱정돼요

세션 목록 상단에 현재 사용량이 표시됩니다. 완성한 가이드는 🧽 원본 정리로 원본 스크린샷을 지워 용량을 줄일 수 있고(재편집 불가), 필요 없는 세션은 ☑️ 선택으로 일괄 삭제하세요. 확장을 삭제하면 모든 데이터가 함께 삭제됩니다.

공유 링크는 언제까지 유효한가요?

만들 때 고른 기간(7~180일)이 지나면 서버에서 자동 삭제됩니다. 그 전에도 🔗 공유 관리에서 직접 지울 수 있습니다.

Canva로 바로 보낼 수 있나요?

원클릭 직접 연동은 준비 중입니다. 지금은 PPT로 내보내기 → Canva에 pptx 업로드가 가장 빠릅니다 — 페이지별로 자동 배치됩니다.

이제 직접 만들어 보세요

Chrome에 추가 — 무료