YouDefine
Projects · 프로젝트

Edu Portal
강좌 포털 · 강의 사이트 허브

Edu Portal은 강의를 나갈 때마다 만드는 '강좌별 독립 강의 사이트'(안내·QR 출석·실시간 질문·투표·타이머·만족도 조사)와, 그 사이트들을 카드로 묶어 보여주는 '강좌 포털 허브'입니다. 프레임워크·빌드 도구 없이 GitHub push만으로 Vercel에 자동 배포됩니다.

Overview

한눈에 보기

강좌 포털 허브26/08 안양26/09 서울26/10 예정강좌별 독립 강의 사이트QR 출석실시간 질문투표·타이머만족도 조사Vercel Functions + Upstash Redis · 무빌드 정적

포털 허브의 카드 하나 = 독립 강의 사이트 하나. courses.js에 항목 추가 후 push하면 자동 배포됩니다.

Status

운영 중

포털 + 강좌 사이트 실운영. 이 플랫폼의 홈·교육 페이지가 포털 데이터를 그대로 가져와 '강의 사례'로 표시

기술 · 도구

순수 HTML · CSS · Vanilla JS (무빌드)Vercel Serverless FunctionsUpstash RedisGitHub → Vercel 자동 배포
Problem

해결하려는 문제

  • 강좌 사이트가 늘어나도 진입점이 없어 URL을 알아야만 접근할 수 있다
  • 누적 강의 이력을 한눈에 보여줄 포트폴리오 허브가 없다
  • 오프라인 강의 당일 출석·질문·투표·설문을 따로 처리한다
Approach

접근 방식

  • 루트에 포털 메인(히어로 + 강좌 카드 그리드 + 의뢰 CTA), 하위 폴더마다 독립 강의 사이트
  • 데이터 주도 설계 — `courses.js`에 항목 1개 추가 후 push하면 자동 반영·배포
  • 강의 당일 기능은 서버리스 함수 + Redis로 무서버 운영, 비밀값은 환경변수만
Features

핵심 구성

01

포털 허브

강좌 카드(기관·날짜·태그·상태), 통계, 관리자 카드 편집기, 자동 sitemap

02

강의 사이트 템플릿

QR 출석 → 실시간 질문 → 투표 → 만족도 조사를 한 페이지에서

03

발표자 도구

슬라이드 동기화, 발표자 보기, 타이머, 투표 현황

04

재현 가능한 기획서

교육생 배포용 기획서 — 정보만 바꿔 AI에 붙여 넣으면 같은 사이트를 만들 수 있음

Timeline

진행 경과

  • v1

    PHP + JSON 파일 저장 기반 강의 사이트

  • 개정

    Vercel 호환 구조 — 서버리스 함수 + Redis, 파일 쓰기 폐기

  • 2026

    강좌 포털 허브 구축, YouDefine 플랫폼과 데이터 연결(D-19)

Related

관련 페이지

  • 바이브코딩 교육
  • 1인 강사 자동화 솔루션

외부 링크: 강좌 포털 열기 ↗

FAQ

Edu Portal, 자주 묻는 질문

Q. 수강생은 무엇을 할 수 있나요?

QR로 접속해 안내를 보고 출석 등록, 실시간 질문, 투표 참여, 만족도 조사까지 한 페이지에서 끝냅니다. 로그인은 필요 없습니다.

Q. 내 강의에도 쓸 수 있나요?

네. 교육생 배포용 기획서를 제공합니다 — 강좌 정보만 바꿔 AI 코딩 도구에 붙여 넣으면 같은 구조의 사이트가 만들어집니다. 바이브코딩 교육 과정에서 실습합니다.

Q. 비용이 드나요?

GitHub·Vercel·Upstash 무료 티어 안에서 운영됩니다. 서버를 따로 두지 않습니다.

AI·디지털 교육을 문의하세요

강의 의뢰, 출강 상담, AI 자동화 구축, 콘텐츠 협업이 필요하시면 편하신 채널로 문의해 주세요.

문의하기