다른 태블릿·PC에서 접속하기

저장·기기 동기화 및 전체 백업 →
Cloudflare 배포와 로그인 설정이 끝난 사이트에서는 같은 계정으로 비교·복원할 수 있습니다. 로컬 주소에서 새 도메인으로 옮길 때는 먼저 전체 백업을 내려받으세요. 아래는 기존 PC 공유 방식입니다.

같은 Wi-Fi에서는 이 PC가 도감과 게임 파일을 제공할 수 있어요. 계정이나 서버 프로그램을 따로 만들 필요는 없습니다.

1. 이 PC에서 공유용 실행

프로젝트 폴더에서 터미널을 열고 실행합니다.

cd D:\ChatGPT\Verity
npm run share

처음 프로젝트를 설치한 PC라면 먼저 npm install을 실행하세요. 명령은 최신 버전을 빌드한 뒤 4173번 포트에서 공유합니다. 터미널과 PC를 켜 두세요. 종료는 Ctrl+C입니다.

2. 같은 Wi-Fi의 기기에서 열기

공유 PC와 태블릿·다른 PC를 같은 Wi-Fi에 연결합니다.
터미널에 나오는 Network 주소를 확인합니다. 예: http://192.168.0.10:4173/ — 이 숫자는 예시이며 PC마다 다릅니다.
태블릿의 Safari·Chrome 주소창에 그 주소를 입력합니다. 게임 주소는 뒤에 game.html을 붙이면 됩니다.
Windows 방화벽이 Node.js 허용 여부를 물으면 신뢰하는 집의 개인 네트워크에서만 허용합니다.

localhost와 127.0.0.1은 접속한 기기 자신을 뜻합니다. 태블릿에는 공유 PC의 Network 주소를 입력해야 합니다.

3. 수정한 도감도 옮기기

수정한 기기의 도감에서 백업 내보내기를 누릅니다.
저장한 verity-backup.json을 원하는 방식으로 다른 기기에 복사합니다. 이름·설명·새 캐릭터·PNG가 함께 들어 있습니다.
다른 기기의 도감에서 백업 가져오기를 누르고 파일을 선택합니다.
내용을 확인한 뒤 현재 도감을 백업으로 교체를 누릅니다. 게임 페이지를 새로고침하면 반영됩니다.

편집 내용은 기기·브라우저·접속 주소별로 저장됩니다. 클라우드 동기화를 연결하지 않은 경우 자동 업로드되지 않습니다. 같은 PC에서도 127.0.0.1:5174와 192.168.x.x:4173은 저장 공간이 다릅니다. 주소를 바꾸기 전에 백업해 주세요. 가져오기는 현재 도감을 통째로 대체하므로 필요한 기존 수정은 먼저 내보내세요. 원본 프로젝트 PNG는 편집기로 덮어쓰지 않습니다.

연결이 안 될 때

PC가 켜져 있고 npm run share가 실행 중인지 확인합니다.
4173번 포트를 이미 쓰고 있다면 이전 공유 터미널을 종료한 뒤 다시 실행합니다.
PC의 IPv4 주소는 Windows 터미널의 ipconfig에서도 확인할 수 있습니다. Wi-Fi 또는 실제 사용 중인 이더넷 어댑터 주소를 사용하세요.
게스트 Wi-Fi나 기기 간 통신을 막는 공유기에서는 접속이 안 될 수 있습니다.
Windows 방화벽의 개인 네트워크 Node.js 허용 여부를 확인합니다. 방화벽 전체를 끌 필요는 없습니다.
코드를 수정했다면 공유를 종료하고 다시 npm run share를 실행합니다.

집 밖에서도 접속하려면?

이 방식은 같은 네트워크에서 쓰는 로컬 미리보기입니다. 외부 접속은 별도로 dist 폴더를 HTTPS 정적 호스팅에 배포해야 합니다. 현재는 인터넷에 공개하지 않았습니다. 공개 배포 전 캐릭터·그림의 배포 권리를 확인해야 합니다. 공유기의 포트 포워딩은 필요하지 않습니다.

그림 편집 방법

카드를 열어 이름을 바꾸거나, 연필·지우개로 픽셀을 편집하세요. PNG 교체는 최대 256×256픽셀, 256KB 파일을 지원하며 자동 크기 변환은 하지 않습니다. 캐릭터 추가는 32×32 투명 캔버스로 시작합니다. 이름·그림 저장을 눌러야 반영되며 새 캐릭터는 균형형으로 게임에 추가됩니다.

게임을 다른 탭에서 실행 중이었다면 새로고침하세요. 브라우저 데이터를 지우면 수정이 사라질 수 있으니 주기적으로 백업해 주세요.