realreport 1.1.4 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.md +3 -0
- package/dist/README.md +112 -0
- package/dist/realreport.es.js +1 -0
- package/package.json +3 -3
package/dist/LICENSE.md
ADDED
package/dist/README.md
ADDED
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
# RealReport
|
|
2
|
+
|
|
3
|
+
[RealReport](https://real-report.com)는 Javascript 리포팅 라이브러리입니다.
|
|
4
|
+
|
|
5
|
+
RealReport 사용하려면 반드시 제품 [라이선스](https://real-report.com/license)가 필요합니다. 라이선스를 발급 받고 제품을 다운로드하는 더 자세한 방법은 [라이선스 발급](https://real-report.com/license) 페이지를 참조하세요.
|
|
6
|
+
|
|
7
|
+
## JavaScript 설치
|
|
8
|
+
|
|
9
|
+
### 다운로드
|
|
10
|
+
|
|
11
|
+
라이선스 발급 사이트를 통해 다운로드 받은 제품패키지 파일의 압축을 풀면 아래와 같이 realreport 라이브러리 파일과 차트 및 PDF 내보내기를 위한 외부 라이브러리를 포함하고 있습니다.
|
|
12
|
+
|
|
13
|
+
```sh title="realreport.latest.zip"
|
|
14
|
+
highcharts
|
|
15
|
+
pdffonts
|
|
16
|
+
pdfkit.js
|
|
17
|
+
realreport
|
|
18
|
+
⎸⎯ check-checked.png
|
|
19
|
+
⎸⎯ check-empty.png
|
|
20
|
+
⎸⎯ check-unchecked.png
|
|
21
|
+
⎸⎯ indicator.gif
|
|
22
|
+
⎸⎯ LICENSE.md
|
|
23
|
+
⎸⎯ README.md
|
|
24
|
+
⎸⎯ realreport.css
|
|
25
|
+
⎸⎯ realreport.d.ts
|
|
26
|
+
⎸⎯ realreport.es.js
|
|
27
|
+
⎸⎯ realreport.ie11.js
|
|
28
|
+
⎸⎯ realreport.js
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
:::tip
|
|
32
|
+
|
|
33
|
+
사용자 프로젝트 디렉토리의 `js` 라는 이름의 디렉토리에 압축을 푼 파일들을 복사했다고 가정하고 설치에 대한 설명을 진행 하겠습니다.
|
|
34
|
+
|
|
35
|
+
:::
|
|
36
|
+
|
|
37
|
+
### script tag
|
|
38
|
+
|
|
39
|
+
HTML에서 RealReport를 사용하려면 `<script>` 태그를 이용해 RealReport의 JavaScript 버전을 포함해 주어야 합니다. `realreport.js` 파일은 다운받은 패키지에 포함되어 있습니다.
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
```html
|
|
43
|
+
<script src='js/realreport.js'></script>
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
realreport.js 파일과 함께 들어 있는 style 파일인 `realreport.css` 도 head 부분에 포함해 줍니다.
|
|
47
|
+
|
|
48
|
+
```html title="index.html"
|
|
49
|
+
<html>
|
|
50
|
+
<head>
|
|
51
|
+
<link href='js/realreport.css' rel='stylesheet' />
|
|
52
|
+
<script src='js/realreport.js'></script>
|
|
53
|
+
</head>
|
|
54
|
+
</html>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### 라이선스 파일
|
|
58
|
+
|
|
59
|
+
RealReport의 라이선스를 javascript 파일로 다운받은 경우 라이선스 파일을 `realreport.js` 파일보다 먼저 페이지에 포함해야 합니다. 보통 라이선스 발급 사이트에서 다운받은 라이선스 파일의 이름은 `realreport-lic.js` 입니다.
|
|
60
|
+
|
|
61
|
+
```html title="index.html"
|
|
62
|
+
<html>
|
|
63
|
+
<head>
|
|
64
|
+
<!-- RealReport 라이브러리 및 라이선스 파일 포함하기 -->
|
|
65
|
+
<link href='js/realreport.css' rel='stylesheet' />
|
|
66
|
+
<script src='js/realreport-lic.js'></script>
|
|
67
|
+
<script src='js/realreport.js'></script>
|
|
68
|
+
</head>
|
|
69
|
+
</html>
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
### 차트의 사용
|
|
73
|
+
|
|
74
|
+
RealReport는 [Highcharts](https://www.highcharts.com/)와 협의를 통해 Hicharts를 기본 차트 도구로 사용하고 있습니다. 만약 차트가 포함된 리포트 양식을 출력해야 한다면 아래와 같이 `Highcharts` Javascript 파일도 포함해야 합니다.
|
|
75
|
+
|
|
76
|
+
```html title="index.html"
|
|
77
|
+
<html>
|
|
78
|
+
<head>
|
|
79
|
+
<!-- 하이차트 코드 포함 하기 -->
|
|
80
|
+
<link href='js/highchart/highcharts.css' rel='stylesheet' />
|
|
81
|
+
<script src="js/highchart/highcharts.js"></script>
|
|
82
|
+
<script src="js/highchart/highcharts-more.js"></script>
|
|
83
|
+
|
|
84
|
+
<link href='js/realreport.css' rel='stylesheet' />
|
|
85
|
+
<script src='js/realreport-lic.js'></script>
|
|
86
|
+
<script src='js/realreport.js'></script>
|
|
87
|
+
</head>
|
|
88
|
+
</html>
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
### PDF 내보내기 기능의 사용
|
|
92
|
+
|
|
93
|
+
RealReport의 강력한 내보내기 기능중 하나인 PDF 내보내기 기능을 사용하기 위해서는 아래와 같이 `pdfkit` 라이브러리 설치가 필요합니다. 기능의 사용유무를 특정할 수 없기 때문에 메인 파일에 라이브러리 파일을 포함하지 않고 있습니다.
|
|
94
|
+
|
|
95
|
+
```html title="index.html"
|
|
96
|
+
<html>
|
|
97
|
+
<head>
|
|
98
|
+
<link href='js/highchart/highcharts.css' rel='stylesheet' />
|
|
99
|
+
<script src="js/highchart/highcharts.js"></script>
|
|
100
|
+
<script src="js/highchart/highcharts-more.js"></script>
|
|
101
|
+
|
|
102
|
+
<!-- PDF 라이브러리 포함 하기 -->
|
|
103
|
+
<script src="js/pdfkit.js"></script>
|
|
104
|
+
|
|
105
|
+
<link href='js/realreport.css' rel='stylesheet' />
|
|
106
|
+
<script src='js/realreport-lic.js'></script>
|
|
107
|
+
<script src='js/realreport.js'></script>
|
|
108
|
+
</head>
|
|
109
|
+
</html>
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## 자세한 내용은 [RealReport 문서 사이트](https://real-report.com/)를 참조하세요.
|