📕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.단축키 한눈에

기본 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 항목에서 원하는 키 조합을 입력하면 됩니다.

8.자주 묻는 질문

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

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

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

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

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

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

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

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

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

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

저장 공간이 걱정돼요

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

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

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

Canva로 바로 보낼 수 있나요?

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

이제 직접 만들어 보세요

Chrome에 추가 — 무료