포트폴리오 케이스 스터디

Yurasis EDU

Next.jsTypeScriptEducationRole-based AccessProduct Design

강의, 읽기 좋은 수업, 보호된 자료, 공지, 댓글, 과제와 제출을 강사에서 학생까지 한 흐름으로 연결한 역할 기반 학습 공간입니다.

2026년 7월 31일6분 읽기Live service
Yurasis EDU public landing page
01 / 4Public EDU landing

02 — 화면과 개요

핵심 역할
소유자 / 강사 / 학생
학습 흐름
강의 → 수업 → 과제 → 제출
공개 화면
랜딩 / 제품 Article

클라이언트
Yurasis 플랫폼
역할
제품 아키텍처, 강사·학생 여정, 권한 모델, 과제 흐름, 공개 런칭 경험

03권한 모델

계정 역할과 강의 멤버십은 서로 다른 문제를 해결합니다

User.eduRole은 계정이 강의를 개설할 수 있는지 결정하고, EduCourseMember.role은 한 강의 안에서 무엇을 할 수 있는지 결정합니다. OWNER와 INSTRUCTOR는 수업·공지·과제·초대·멤버를 관리하고, STUDENT는 구성원용 콘텐츠 열람과 댓글, 과제 제출에 집중합니다. 전역 강사 표시가 모든 강의 접근권으로 번지지 않도록 두 층을 분리했습니다.

관리자는 지원과 QA를 위해 읽기 전용 관찰 권한을 받습니다. 이 예외는 canView만 열고 canManage와 isMember는 열지 않는 방식이라, 관리자가 내용을 볼 수 있어도 소속되지 않은 강의를 수정하거나 멤버 댓글·알림 설정을 건드릴 수 없습니다.

04학습 맥락

수업 안에 그 수업의 자료와 과제를 함께 둡니다

수업은 제목, 날짜, HTML 본문, 첨부 자료, 과제와 댓글을 가진 긴 글 페이지입니다. 강사는 Yurasis의 가벼운 편집 감각으로 작성하고, 학생은 자료를 먼저 확인한 뒤 그 내용에 연결된 과제로 자연스럽게 이동합니다.

파일은 public 디렉터리 밖에 저장하고 인증된 강의 API로만 스트리밍합니다. 공개 카탈로그에는 최소한의 강의 설명만 보이며 수업, 다운로드, 공지, 댓글과 제출물은 멤버십 검사 뒤에 남습니다.

05과제 흐름

학생에게는 마감 중심, 강사에게는 완료 현황 중심

과제는 서술형, 파일형 또는 둘 다를 지원하고 마감, 지각 제출 정책과 파일 개수 제한을 가집니다. 과제별 학생 제출 행은 하나뿐이라 재제출이 활성 답안을 덮어쓰고, 어떤 제출이 현재 답안인지 모호해지지 않습니다.

학생 화면은 진행 중 과제를 마감순으로 정렬하고 제출 완료와 지난 과제를 분리합니다. 강사 화면은 제출·미제출 학생, 지각 여부, 서술 답안과 보호된 파일 다운로드를 보여 줍니다. UI 제어는 API가 돌려주는 같은 권한 계약에서 결정됩니다.

06공개 런칭

공개 제품 설명에서 보호된 학습 공간으로 이어집니다

EDU 루트는 공개 랜딩이고 /edu/article은 로그인 전 제품 구조를 설명합니다. 강의 카탈로그는 /edu/courses로 옮겨 기존 강의 상세 URL은 그대로 유지했습니다. 미들웨어는 랜딩과 Article만 공개하고 나머지 EDU 앱 화면과 API는 계속 인증합니다.

같은 라우트 트리는 호스트 인식 rewrite를 통해 edu.yurasis.com에서도 제공됩니다. 서브도메인에서는 짧은 주소를 사용하고 메인 호스트에서는 /[lang]/edu 경로를 유지합니다. 포트폴리오 이미지는 목업이 아니라 실제 배포 화면에서 촬영했습니다.

인터랙티브 빌드

Yurasis EDU

공개 EDU 랜딩과 Article을 살펴본 뒤 Yurasis 계정으로 로그인해 역할별 강의 공간을 확인해 보세요. Article에는 QA에서 검수한 강사·학생 동선이 그대로 정리되어 있습니다.

데모 보기

Yurasis

상호: 유라시스 랩

대표: 이규형

사업자등록번호: 842-05-03371

주소: 서울특별시 강남구 선릉로69길 19, 101동 401호(역삼동, 역삼래미안)

업태: 정보통신업 · 종목: 응용 소프트웨어 개발 및 공급업, 컴퓨터 프로그래밍 서비스업

TEL: 010-2709-9846

Email: siholee@yurasis.com

Yurasis EDU 케이스 스터디 | YURASIS 포트폴리오