🎯 공유 3단계 요약
✅ 인터넷 연결 불필요 | ✅ 설치 불필요 | ✅ 완전 무료
✅ 폰트·아이콘 모두 포함 | ✅ 데이터는 각자 기기에 저장
STEP 1 — 폴더 ZIP 압축하기
Windows 압축 방법
우클릭 메뉴로 간단하게!
앱 폴더를 찾습니다
파일 탐색기에서 hora-memoboard 폴더를 찾으세요.
(index.html, assets 폴더가 들어있는 폴더)
폴더를 마우스 오른쪽 버튼으로 클릭
Windows 11: "압축 파일로" 또는 "더 많은 옵션 표시" → "Zip 파일로 압축"
Windows 10: "보내기" → "압축(ZIP) 폴더"
ZIP 파일 완성!
같은 위치에 hora-memoboard.zip 파일이 생성됩니다.
이 ZIP 파일 하나만 전달하면 됩니다.
macOS 압축 방법
Finder에서 간단하게!
Finder에서 폴더 찾기
Finder를 열어 hora-memoboard 폴더를 찾으세요.
폴더 우클릭 → "…을 압축"
Control+클릭 또는 트랙패드 두 손가락 클릭 → "hora-memoboard.zip으로 압축"
ZIP 파일 완성!
같은 위치에 hora-memoboard.zip이 생성됩니다.
STEP 2 — ZIP 파일 전달하기
STEP 3 — 받는 사람이 하는 것
ZIP 파일 받아서 실행하기
3단계로 끝! 설치 필요 없음
ZIP 파일 저장 후 압축 해제
카카오톡/이메일에서 ZIP 파일을 저장 → 바탕화면이나 원하는 위치에 압축 해제
(마우스 우클릭 → "압축 풀기" 또는 더블클릭 → 압축 해제 버튼)
압축 해제된 폴더 열기
폴더 안에 index.html, assets 폴더 등이 있는지 확인하세요.
index.html 더블클릭!
Chrome 또는 Edge 브라우저로 열립니다.
처음 실행이면 매장 설정 위저드가 나타납니다.
(index.html 우클릭 → "바로 가기 만들기" → 바탕화면으로 이동)
폴더 구조 확인
아래 구조대로 파일이 있어야 정상 동작합니다. 노란색 부분이 핵심 파일입니다.
자주 묻는 질문
아이콘이 □□ 네모로 보여요
assets 폴더 확인 필요
assets/fontawesome/ 폴더가 index.html과 같은 위치에 있는지 확인하세요.
ZIP 압축 해제 시 폴더 구조가 유지되어야 합니다.
확인 방법: index.html이 있는 폴더 안에 assets 폴더가 보여야 합니다.
폰트(글자체)가 이상하게 보여요
pretendard 폰트 파일 확인
assets/fonts/pretendard-variable.woff2 파일이 있는지 확인하세요.
이 파일이 없으면 기본 폰트(맑은 고딕, Apple SD Gothic)로 표시됩니다.
기능은 동작하지만 디자인이 조금 달라 보일 수 있습니다.
데이터는 어디에 저장되나요?
기기 브라우저에 저장됨
모든 데이터는 각자 기기의 브라우저(LocalStorage)에 저장됩니다.
같은 폴더를 여러 사람에게 공유해도 데이터는 각자의 컴퓨터에 별도 저장됩니다.
중요: 브라우저 데이터 삭제, 시크릿 모드 사용 시 데이터가 초기화됩니다.
정기적으로 ⚙️ 설정 → 데이터 탭에서 백업을 해두세요!
새 버전이 나오면 어떻게 업데이트하나요?
새 ZIP 파일로 교체
1. 기존 데이터 백업 먼저! (⚙️ → 데이터 → 백업 저장)
2. 새 ZIP 파일 압축 해제
3. 새 폴더에서 index.html 열기
4. ⚙️ → 데이터 → 백업 복원으로 데이터 복구
기존 폴더와 새 폴더는 별개이므로 데이터가 섞이지 않습니다.
스마트폰에서도 쓸 수 있나요?
모바일 브라우저로 열기 가능
카카오톡으로 ZIP 파일을 받아 내 파일함에 저장 후 압축 해제하면 모바일 브라우저로도 열 수 있습니다.
단, 모바일은 화면이 작아 데스크탑(PC/노트북)에서 사용하는 것을 권장합니다.
매장 카운터 PC나 태블릿에서 사용하면 더 편리합니다.
정상 동작 체크리스트
- ZIP 파일을 받아서 압축 해제했다
- 압축 해제 후 폴더 안에 index.html이 보인다
- 폴더 안에 assets 폴더가 보인다
- index.html을 Chrome 또는 Edge로 열었다
- 앱이 열리고 위저드 또는 보드 화면이 보인다
- 아이콘(가위, 체크 등)이 정상적으로 보인다
- ZIP 파일을 압축 해제하지 않고 열지 않았는지 확인
- 시크릿/인코그니토 모드로 열지 않았는지 확인 (데이터 저장 안됨)