# 자바 문서형 교안 (Java with AI)

파이썬 교안과 동일한 구조:
- 왼쪽 목차
- AI 질문 카드 (복사)
- 선생님 리뷰
- 기초 → 고급(컬렉션·스레드·람다·JVM) 뒤로 배치

자바는 브라우저 실행이 제한적이므로 코드 복사 후 이클립스/OnlineGDB 사용.

## edu-pro 연결 (권장)

### 1) 폴더 배치
```
edu-pro/public/java/
  index.html
  css/style.css
  js/app.js
```
(java-docs 내용물을 public/java/ 아래로)

### 2) materialsUrl
src/data/courses.js
```js
{ id: 'java', ..., materialsUrl: '/materials/java', ... }
```

### 3) Vue 라우트 + iframe (파이썬 권장 방식과 동일)
src/views/MaterialsJava.vue 생성:
```vue
<template>
  <div class="fixed inset-0 bg-white">
    <iframe src="/java/index.html" class="w-full h-full border-0" title="Java 교안" />
  </div>
</template>
```

src/router/index.js 에 추가:
```js
import MaterialsJava from '../views/MaterialsJava.vue'
// routes:
{ path: '/materials/java', name: 'MaterialsJava', component: MaterialsJava }
```

### 4) 확인
- http://localhost:5173/java/index.html  (정적 파일)
- http://localhost:5173/materials/java   (iframe 래퍼)
