eeum | 이음

Capstone Design 2026 Team 52

AI 기반 개인 맞춤 학습 튜터 서비스

이음은 학습 자료, 이해도 진단, AI 설명, 지식 그래프를 연결하여 사용자가 자신의 학습 상태를 확인하고 다음 학습 방향을 잡을 수 있도록 돕는 개인 맞춤 학습 서비스입니다.

Page Contents 01프로젝트 소개 02주요 기능 03시스템 구조 04실행 방법

프로젝트 소개

이음은 흩어진 학습 자료와 질문, 피드백, 복습 기록을 하나의 흐름으로 연결하는 것을 목표로 합니다. 사용자는 프로젝트 단위로 학습 자료를 관리하고, AI가 현재 이해도를 진단한 뒤, 사용자 수준에 맞는 설명과 지식 그래프를 통해 다음 학습 경로를 확인할 수 있습니다.

문제 정의

학습자는 자료를 읽고 질문을 반복하지만, 개념 간 관계와 자신의 부족한 지점을 체계적으로 확인하기 어렵습니다.

해결 방향

자료 분석, 수준 진단, AI 튜터링, 지식 그래프를 하나의 학습 프로젝트 안에서 연결합니다.

기대 효과

사용자는 자신의 이해 수준에 맞는 설명을 받고, 누적된 지식 그래프를 통해 복습 경로를 확인할 수 있습니다.

상세 문서

문서 안내

문서 사이트의 구조, 화면 내비게이션, 본문 링크 흐름을 확인합니다.

문서 안내로 이동

서비스 가이드

사용자 흐름과 주요 기능을 서비스 관점에서 정리합니다.

서비스 가이드로 이동

개발 가이드

시스템 구조, 실행 방법, 기술 스택을 개발 관점에서 정리합니다.

개발 가이드로 이동

주요 기능

자료 업로드 및 분석

프로젝트 단위로 학습 자료를 업로드합니다.
업로드된 자료의 분석 상태와 결과를 확인합니다.
분석 결과를 진단과 AI 설명의 맥락으로 활용합니다.

학습 수준 진단

최소 질문으로 사용자의 현재 이해도를 확인합니다.
부족한 개념과 추천 학습 방향을 정리합니다.
진단 결과를 이후 설명 난이도 조절에 활용합니다.

맞춤 AI 튜터링

사용자 수준과 프로젝트 자료를 바탕으로 설명합니다.
질문과 답변을 프로젝트별 채팅 기록으로 관리합니다.
대화에서 새로 등장한 핵심 개념을 추출합니다.

지식 그래프

학습한 개념과 개념 간 관계를 그래프로 시각화합니다.
프로젝트별 그래프를 탐색하고 노드를 검색합니다.
마이페이지에서 전체 학습 흐름으로 확장할 수 있습니다.

소개 영상

서비스 소개 영상 준비 중

최종 시연 영상 또는 배포 링크가 확정되면 이 영역에 YouTube, Google Drive, 배포 URL 등을 추가합니다.

팀원 소개

Frontend

랜딩, 대시보드, 자료 업로드, 진단, 마이페이지 UI와 사용자 흐름을 구현합니다.

Backend / AI

API, 데이터 모델, 자료 분석, AI 응답, 진단 평가 흐름을 설계하고 구현합니다.

Cloud / Infra

배포 환경, 스토리지, 데이터베이스, Lambda 분석 작업, 운영 보안을 담당합니다.

시스템 구조

프론트엔드는 학습 프로젝트, 자료 업로드, 진단, 채팅, 지식 그래프 화면을 제공합니다. 백엔드는 인증과 데이터 저장, 파일 업로드 URL 발급, AI 호출을 조율하며, 업로드된 자료는 스토리지와 분석 파이프라인을 거쳐 요약, 개념, 관계 데이터로 변환됩니다.

이음 서비스의 전체 시스템 흐름

자료 분석 및 AI 튜터링 처리 흐름

기술 스택

Next.js React TypeScript Tailwind CSS Zustand FastAPI Python AWS EC2 AWS S3 AWS Lambda Amazon Bedrock RDS PostgreSQL

사용법 및 개발 환경 설정

프론트엔드 실행

cd frontend
npm install
npm run dev

프로덕션 빌드 확인

cd frontend
npm run build
npm run start

백엔드 API 환경 변수 예시

NEXT_PUBLIC_USE_BACKEND_API=true
NEXT_PUBLIC_API_BASE_URL=/api/backend
BACKEND_API_URL=http://localhost:8000

백엔드 실행 예시

cd backend
python -m venv .venv
source .venv/bin/activate
pip install -r requirements.txt
uvicorn app.main:app --reload --port 8000

폴더 구조

2026-capstone-52/
├── docs/
│   ├── _config.yml              # GitHub Pages 설정
│   ├── index.md                 # 프로젝트 소개 페이지
│   ├── assets/
│   │   └── images/
│   │       ├── architecture-overview.png
│   │       └── architecture-detail.png
│   └── documents/
│       ├── greeting.md
│       ├── greeting/
│       │   └── site-map.md
│       ├── service.md
│       ├── service/
│       │   ├── user-flow.md
│       │   └── features.md
│       ├── development.md
│       └── development/
│           ├── architecture.md
│           ├── setup.md
│           └── tech-stack.md
├── README.md
└── .github/

소스 코드 저장소가 프론트엔드와 백엔드로 분리되어 있다면, 실제 제출 구조에 맞춰 이 섹션을 조정하면 됩니다.

참고 자료

프로젝트 프론트엔드 README 및 TODO 문서
Next.js, React, Tailwind CSS 공식 문서
FastAPI 공식 문서
AWS EC2, S3, Lambda, RDS, Amazon Bedrock 공식 문서