# Zefio · School

학교 현장 수업·진로체험용 참고 영상 / 설문조사 / 진로체험 교안 모음.
**로그인 없이 공개**되는, Zefio-edu(코딩 교육 예약 플랫폼)와는 별도의 마이크로사이트입니다.

## 왜 별도 사이트인가

원래는 Zefio-edu 관리자 대시보드 안에 「학교·진로」 메뉴로 넣을 계획이었지만
(로그인 후에만 보이는 페이지), **로그인 없이 공개**하는 쪽으로 방향이 바뀌면서
다음 이유로 별도 사이트로 분리했습니다.

- **대상 독자가 다름**: Zefio-edu 상단 메뉴(소개/과정/일정, 로그인/회원가입)는 결제·수강신청
  퍼널이고, 이 페이지는 학교 현장에서 QR코드나 짧은 링크로 바로 띄우는 용도입니다.
  같은 내비게이션에 섞으면 코딩 학원을 찾아온 방문자에게는 불필요한 메뉴가 되고,
  학교 현장에서는 관계없는 로그인/과정 메뉴를 지나쳐야 합니다.
- **백엔드가 필요 없음**: 이 페이지는 정적 콘텐츠(영상 링크, 설문 링크, 교안 링크)뿐이라
  Supabase/로그인 로직이 있는 Zefio-edu 앱에 얹을 이유가 없습니다. 별도 사이트로 두면
  가볍고, Zefio-edu 배포와 완전히 독립적으로(빠르게) 업데이트할 수 있습니다.
- **URL이 더 쓰기 편함**: `zefio-school.com` 같은 짧고 목적이 분명한 주소는 QR코드/현수막/
  학교 안내문에 넣기 좋습니다. `zefio-edu.com/admin/school` 같은 로그인 뒤 URL보다 공유하기 쉽습니다.
- 다만 **바이브(vibe_*) 진로체험 슬라이드는 Zefio-edu에 이미 호스팅**되어 있으므로,
  이 사이트에서는 `VITE_ZEFIO_EDU_URL` 환경변수로 그 도메인을 가리켜 새 창으로 연결합니다
  (`src/data/schoolOffline.js`의 `careerHref()`).

## 실행

```bash
npm install
cp .env.example .env   # VITE_ZEFIO_EDU_URL 을 실제 Zefio-edu 배포 주소로 수정
npm run dev
```

## 배포

Vercel/Netlify 등에 `zefio-school.your-domain.com` 같은 별도 서브도메인으로 배포하세요.
`VITE_ZEFIO_EDU_URL` 환경변수만 설정하면 됩니다 (백엔드/DB 불필요).

## 콘텐츠 수정

- `src/data/schoolOffline.js` — 유튜브 영상 목록, 설문 링크, 진로체험 교안 목록
- `public/logos/` — 교안 카드 아이콘 이미지
- 진로체험 전용 슬라이드가 준비되면 해당 항목의 `preparing: false`로 바꾸고
  `slidePath`를 지정하세요 (Zefio-edu `/free/...` 슬러그와 동일한 규칙을 쓰거나,
  완전히 다른 곳에 올린다면 `careerHref()`를 절대경로로 바꾸면 됩니다).

## Zefio-edu 쪽 연동

Zefio-edu 상단 메뉴에는 이 사이트로 나가는 링크 하나만 추가했습니다
(`학교·진로체험` → 새 창으로 `VITE_SCHOOL_SITE_URL` 오픈). 로그인 여부와 무관하게 항상 보입니다.
자세한 내용은 Zefio-edu 쪽 zip의 `CHANGES.md`를 참고하세요.
