# 데이터베이스 문서형 교안

## edu-pro 배치
```
edu-pro/public/database/index.html
edu-pro/public/database/css/style.css
edu-pro/public/database/js/app.js
```

## courses.js
```js
{ id: 'database', title: '데이터베이스', ..., materialsUrl: '/materials/database', level: '중급' },
```

## MaterialsDatabase.vue
```vue
<template>
  <div class="fixed inset-0 bg-white">
    <iframe src="/database/index.html" class="w-full h-full border-0" title="DB 교안" />
  </div>
</template>
```

## router
```js
{ path: '/materials/database', name: 'MaterialsDatabase', component: () => import('../views/MaterialsDatabase.vue') }
```
