다크 모드
기술 스택 제안
제안 아키텍처 개요
+---------------------------------------------+
| Frontend (Next.js) |
| Monaco Editor | React | i18n | WebSocket |
+---------------------------------------------+
|
+---------------------------------------------+
| Backend (Node.js) |
| Express/Fastify | REST API | Auth | LRS |
+---------------------------------------------+
| | |
+---------+----+ +------+------+ +---+--------+
| Code Runner | | AI Service | | Analytics |
| Docker | | LLM API | | Dashboard |
| Sandbox | | RAG Pipeline| | WebSocket |
+--------------+ +-------------+ +------------+
| | |
+---------------------------------------------+
| PostgreSQL Database |
| 문제은행 | 제출이력 | 채점결과 | 학습로그 |
+---------------------------------------------+
| Infrastructure |
| Docker | CI/CD | Monitoring | Backup |
+---------------------------------------------+스택 상세
Frontend
| 기술 | 용도 | 선정 이유 |
|---|---|---|
| Next.js | 웹 프레임워크 | SSR/SSG, 라우팅, 최적화 |
| Monaco Editor | 웹 IDE | VS Code 핵심 에디터, 다중 언어 지원 |
| React | UI 라이브러리 | 컴포넌트 기반, 에코시스템 |
| next-intl | i18n | Next.js 최적화 국제화 |
| Socket.io (client) | 실시간 | 수업 속도 반응, 모니터링 |
Backend
| 기술 | 용도 | 선정 이유 |
|---|---|---|
| Node.js + Fastify | API 서버 | 고성능 비동기 처리 |
| PostgreSQL | 메인 DB | 관계형 데이터, JSON 지원 |
| Redis | 캐시/세션 | 실시간 데이터, 세션 관리 |
| Docker | 코드 실행 | 언어별 격리 실행 환경 |
| Socket.io | 실시간 통신 | 양방향 실시간 데이터 |
AI / ML
| 기술 | 용도 | 선정 이유 |
|---|---|---|
| Claude API | 코드 분석, 피드백 | 코드 이해도 높음, 안전성 |
| OpenAI GPT | 대안/보조 | 범용성, 비용 효율 |
| LangChain | LLM 오케스트레이션 | RAG, 체인, 프롬프트 관리 |
| AST Parser | 코드 유사도 | 구조적 코드 분석 |
Infrastructure
| 기술 | 용도 | 선정 이유 |
|---|---|---|
| Docker Compose | 로컬 개발 | 멀티 컨테이너 관리 |
| GitHub Actions | CI/CD | 자동 빌드/배포 |
| Nginx | 리버스 프록시 | 로드 밸런싱, SSL |
LLM 비용 산정 (참고)
사업기간 중 LLM 비용은 수행사 부담
| 모델 | 예상 월 사용량 | 예상 월 비용 |
|---|---|---|
| Claude Sonnet | ~50만 토큰/일 | ~$150/월 |
| GPT-4o | ~50만 토큰/일 | ~$100/월 |
| 합계 (6개월) | - | ~$600~$900 |
서비스 오픈 이후: 발주처 계정 사용 원칙