Edu Portal
강좌 포털 · 강의 사이트 허브
Edu Portal은 강좌를 카드로 모아 보여주는 강좌 포털 허브(edu-portal-six.vercel.app)입니다. 강좌 데이터는 `data/courses.js` 하나로 관리하고, 관리자 편집기(admin.html)에서 로그인 후 카드를 고치면 GitHub API로 직접 커밋·자동 배포됩니다. 강의 당일 QR 출석·실시간 질문·투표·타이머·만족도 조사를 지원하는 '실시간 강의 지원 사이트' 기획서도 함께 두어, 강좌마다 필요할 때 같은 방식으로 만들 수 있게 했습니다.
한눈에 보기
포털 허브의 카드 하나 = 독립 강의 사이트 하나. courses.js에 항목 추가 후 push하면 자동 배포됩니다.
포털 허브 운영 중 · 초기
2026.09.05 개설. 강좌 3건(완료 1·예정 1·준비중 1) 등록, 관리자 편집기·접속 통계(Upstash Redis) 구현 완료. 개별 강좌의 QR 출석·투표 사이트는 기획서 템플릿으로 필요할 때 제작
기술 · 도구
해결하려는 문제
- 강좌 사이트가 늘어나도 진입점이 없어 URL을 알아야만 접근할 수 있다
- 누적 강의 이력을 한눈에 보여줄 포트폴리오 허브가 없다
- 카드 정보를 고칠 때마다 코드를 열어 직접 손보고 배포해야 한다
접근 방식
- 루트에 포털 메인(히어로 + 강좌 카드 그리드 + 의뢰 CTA)
- 데이터 주도 설계 — `courses.js`에 항목 1개 추가 후 push하면 자동 반영·배포
- 관리자 편집기가 GitHub API로 `courses.js`를 직접 커밋 — 코드를 열지 않고도 카드 추가·순서 변경·삭제
- 강의 당일 QR 출석·투표 등은 서버리스 함수 + Redis로 무서버 운영(기획서 템플릿), 비밀값은 환경변수만
핵심 구성
포털 허브
강좌 카드(기관·날짜·태그·상태), 접속·클릭 통계, 자동 sitemap
관리자 편집기
비밀번호 로그인 → GitHub API로 `courses.js` 커밋 → Vercel 재배포. 미등록 강좌 스캔 기능 포함
강의 지원 사이트 템플릿
QR 출석 → 실시간 질문 → 투표 → 만족도 조사를 한 페이지에서 (강좌기획서.md 기획서, 강좌별로 필요할 때 제작)
재현 가능한 기획서 2종
포털용·강좌 사이트용 기획서 — 정보만 바꿔 AI에 붙여 넣으면 같은 사이트를 만들 수 있음. 바이브코딩 수업 교재로도 사용
진행 경과
- 2026.09.05
포털 1단계 — 정적 메인 + 강좌 데이터 + 통계 API·SEO·정책 페이지
- 2026.09
관리자 편집기(GitHub API 커밋)·강사 소개 페이지 추가
- 진행 중
YouDefine 플랫폼과 데이터 연결(D-19), 강좌 등록·확장 중
Edu Portal, 자주 묻는 질문
Q. 수강생은 무엇을 할 수 있나요?
포털에서 강좌 카드를 훑어보고 관심 있는 강좌 사이트로 들어갈 수 있습니다. 개별 강좌 사이트가 QR 출석·질문·투표·만족도 조사를 지원하도록 만들어지면, 로그인 없이 그 페이지에서 바로 참여합니다.
Q. 내 강의에도 쓸 수 있나요?
네. 포털용·강좌 사이트용 기획서 2종을 제공합니다 — 강좌 정보만 바꿔 AI 코딩 도구에 붙여 넣으면 같은 구조의 사이트가 만들어집니다. 바이브코딩 교육 과정에서 실습합니다.
Q. 비용이 드나요?
GitHub·Vercel·Upstash 무료 티어 안에서 운영됩니다. 서버를 따로 두지 않습니다.
다른 프로젝트
YouDefine AI OS
관제–실행–업무–지식 4계층으로 AI 운영을 표준화하는 운영체계.
AfterSchool Engine
방과후 수업·출석·평가·보고서를 자동화하는 운영 엔진.
YouRecall
수업 메모와 복습을 AI가 요약·관리하는 학습 기록 앱.
AI Education Lab
AI 동화책, 진로 코칭 GPT, 드론탐사대 등 교육 실험실.
Publishing
전자책·디지털 교재·그래픽노블 출판과 전자책 만들기 가이드.
AI Art
AI Convergence Art 「윤슬」 등 AI·예술·교육의 실험.
Anyone Writer
AI를 처음 만지는 초·중학생이 16주 뒤 자기 이름이 박힌 책을 손에 쥐는 전자책·POD 출판 수업.
AKM Ontology
교육 운영 지식을 출처·권한·범위·상태가 붙은 RDF 그래프로 만들고 SHACL로 검증하는 지식관리 파일럿.
Lyric Fix
스캔 악보의 한글 가사 오타를 음표는 그대로 두고 음절 단위로 고치는 웹 앱. 폰 촬영 업로드 지원.