Skip to content

popup 설정 설명 추가. #92

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jul 15, 2024
Merged

popup 설정 설명 추가. #92

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 43 additions & 0 deletions source/entryjs/api/2024-04-24-ml.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -213,6 +213,49 @@ entrylabs/ml은 사용자가 원하는 학습모을 선택하고 학습하는
사용자들이 인공지능 모델을 학습하는 UI를 팝업형태로 생성합니다.

entry-tool을 활용한 팝업과 유사합니다.
#### Vanilla JS
```js
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>EntryJS Base Example</title>
<link rel="stylesheet" href="./test/ai/entry-ml.css" />
</head>
<body>
<button onClick={loadPopup()}>show</button>
<div id="popupContainer"></div>
<script type="text/javascript" src="./test/ai/entry-ml.js"></script>
<script>
learningPopup = new Entryml.Popup({
container: document.getElementById('popupContainer'),
isShow: false,
data: {
tokenizerPath: '/test/ai/resources',
},
});
const loadPopup = () => {
learningPopup.show();
}
</script>
</body>
</html>
```
#### next.js
[webpack externals](https://webpack.kr/configuration/externals/#externals). 설정을 이용하여 아래와 같이 사용 가능합니다.

webpack 설정.
```js
config.externals = [
{
'@entrylabs/tool': 'EntryTool',
'@entrylabs/tool/component': 'EntryTool.Component',
'@entrylabs/ml': 'Entryml',
},
];
```

```js
const learningPopup = {};
Expand Down