글로컬브릿지 배포 가이드

① 폴더 준비
컴퓨터에 glocal-bridge 폴더를 만들고, 아래 파일들을 넣으세요:

glocal-bridge/
├── index.html (융합플랫폼 → 이름을 index.html로 변경)
├── company-db.html
├── mobile-matching.html

② Netlify 가입
https://app.netlify.com/signup → Google 또는 이메일로 가입

③ 드래그 앤 드롭
Netlify 대시보드에서 "Sites" → 하단의 "Want to deploy a new site without connecting to Git? Drag and drop" 영역에 glocal-bridge 폴더 전체를 끌어다 놓기

④ 완료!
자동으로 https://랜덤이름.netlify.app 주소가 생성됩니다.
Site settings → Change site name에서 이름 변경 가능:
예: https://glocal-bridge.netlify.app

① GitHub 가입: https://github.com/signup

② 새 저장소 생성: 오른쪽 상단 "+" → "New repository" → 이름: glocal-bridge → Public 선택 → Create

③ 파일 업로드: "uploading an existing file" 클릭 → HTML 파일들 드래그 → "Commit changes"

④ Pages 활성화: Settings → Pages → Source: "Deploy from a branch" → Branch: main → Save

⑤ 완료!: https://계정이름.github.io/glocal-bridge/

① 가입: https://hosting.cafe24.com → 웹호스팅 → 10M 전용 (월 500원)

② FTP 접속: FileZilla 설치 → 카페24에서 제공한 FTP 정보 입력 → 접속

③ 파일 업로드: www 폴더에 HTML 파일 업로드

④ 도메인 연결: 카페24에서 .co.kr 또는 .kr 도메인 구매 가능 (연간 22,000원~)

① https://www.gabia.com 접속 → 회원가입
② 도메인 검색: glocal-bridge.org 또는 glocalbridge.kr 검색
③ 사용 가능하면 장바구니 → 결제 (연간 약 16,500원~22,000원)

① Netlify → Site settings → Domain management → Add custom domain
② 구매한 도메인 입력 (예: glocal-bridge.org)
③ Netlify가 DNS 레코드를 안내해줍니다:
④ 가비아 → 도메인 관리 → DNS 설정 → 위 레코드 추가
⑤ 24~48시간 내 연결 완료 + HTTPS 자동 적용

① https://supabase.com 접속 → "Start your project" 클릭
② GitHub 계정으로 로그인 (GitHub 계정이 없으면 먼저 github.com/signup에서 생성)
③ "New Project" 클릭 후 아래 정보 입력: ④ "Create new project" 클릭 → 2~3분 대기

① 왼쪽 메뉴에서 "SQL Editor" 클릭 ( 아이콘)
② "New Query" 클릭
③ 다운로드받은 supabase_setup.sql 파일을 열어서 내용 전체 복사
④ SQL Editor에 붙여넣기
⑤ "Run" 버튼 클릭 (Ctrl+Enter)
⑥ "✅ 글로컬브릿지 Supabase 스키마 생성 완료!" 메시지 확인

① 왼쪽 메뉴 → "Project Settings" (⚙️ 아이콘)
② "API" 탭 클릭
③ 아래 두 가지를 메모합니다:

① 왼쪽 메뉴 → "Table Editor" 클릭
② industrial_parks 테이블 클릭 → 9개 산업단지 데이터 확인
③ enterprises, job_postings, migrant_profiles 테이블 구조 확인

Step 1에서 배포한 웹사이트에 모바일 매칭 파일이 이미 포함되어 있습니다.

접속 주소 예시: https://glocal-bridge.netlify.app/mobile-matching.html

이 URL을 이주민에게 공유하는 방법:
• 카카오톡 / 텔레그램 / 페이스북 그룹에 링크 공유
• QR코드 생성하여 전단지·포스터에 인쇄
• 외국인지원센터·다문화가족지원센터에 안내문 배포

① https://qr.io 접속 (무료)
② URL 입력: 모바일 매칭앱 주소
③ 색상을 글로컬브릿지 골드(#C77B3F)로 변경
④ 다운로드 → 전단지·명함·포스터에 삽입

이주민에게 아래와 같이 안내하면 앱처럼 사용할 수 있습니다:

아이폰: Safari에서 URL 접속 → 공유 버튼(□↑) → "홈 화면에 추가"
안드로이드: Chrome에서 URL 접속 → 메뉴(⋮) → "홈 화면에 추가"

→ 홈 화면에 앱 아이콘이 생기고, 터치하면 전체 화면으로 열립니다.

담당부서: 김해시청 경제정책과 (☎ 055-330-3541~5)
방문 주소: 경남 김해시 김해대로 2401 김해시청 3층
제출 서류:
• 제안서_김해시청_경제정책과.docx (인쇄 2부)
• 이주민_일자리매칭_프레젠테이션.pptx (USB에 담아 제출)

온라인 제출: 김해시청 홈페이지 → 시민참여 → 시민제안 (사업제안서 첨부)

담당부서: 기장군청 일자리경제과 (☎ 051-709-4661~5)
방문 주소: 부산 기장군 기장읍 기장대로 560 기장군청
제출 서류:
• 제안서_기장군청_일자리경제과.docx (인쇄 2부)
• 이주민_일자리매칭_프레젠테이션.pptx (USB에 담아 제출)

활용 시나리오:
• 기업 방문 시 glocal-bridge-MOU.docx를 인쇄하여 2부 준비
• 기업 대표에게 플랫폼 소개 후 협약 체결 제안
• 서명 후 1부는 기업, 1부는 글로컬브릿지가 보관

우선 협약 대상 (BAM 파트너):
• 반석인더스트리즈(주) — 김해 장유
• (주)여명라이팅 — 김해 진례면
• (주)동성전자 — 김해 대동면
• (주)에스알씨 — 김해 장유
• (주)성일엔텍 — 김해 진영읍
• (주)신흥기계 — 김해 진례면

부산남부노회 정기회의:
• 이주민_일자리매칭_프레젠테이션.pptx를 노트북에 저장
• 빔프로젝터 연결 → 발표 모드(F5) 실행
• 10슬라이드 약 15~20분 발표 분량

☐ Netlify 계정 생성 완료
☐ HTML 파일 3개 업로드 (index.html, 기업DB.html, 모바일매칭.html)
☐ 사이트 이름을 glocal-bridge로 변경
☐ HTTPS 적용 확인
☐ 모바일에서 접속 테스트

☐ 도메인 구매 (가비아 또는 Namecheap)
☐ DNS 설정 (A 레코드 + CNAME)
☐ 도메인 연결 확인 (24~48시간 소요)

☐ GitHub 계정 생성
☐ Supabase 프로젝트 생성 (Seoul 리전)
☐ SQL 스키마 실행 완료
☐ API Key 메모 (Project URL + anon key)
☐ Claude에게 Key 전달하여 웹앱 연동 요청

☐ QR코드 생성
☐ 이주민 커뮤니티에 링크 공유
☐ 12개 언어 전환 테스트
☐ 홈 화면 추가 안내문 준비

☐ 김해시청 제안서 인쇄 (2부)
☐ 기장군청 제안서 인쇄 (2부)
☐ PPT 노트북에 저장 + USB 백업
☐ MOU 양식 인쇄 (10부 — 기업 방문용)
☐ 방문 일정 확정 (경제정책과 / 일자리경제과)