Repository navigation
Expand file tree
/
Copy pathtutorial.html
More file actions
173 lines (160 loc) · 7.55 KB
/
Copy pathtutorial.html
File metadata and controls
173 lines (160 loc) · 7.55 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
---
layout: page
title: Tutorial
permalink: /tutorial/
---
<script>
$(document).ready( function() {
$('input[type="text"]').focus();
$('input[type="text"]').keyup(function(){
var that = this, $allListElements = $('ul > li').not('.nav');
var $matchingListElements = $allListElements.filter(function(i, li){
var listItemText = $(li).text().toUpperCase(),
searchText = that.value.toUpperCase();
return ~listItemText.indexOf(searchText);
});
$allListElements.hide();
$matchingListElements.show();
});
});
</script>
<div class="row">
<div class="col-md-3">
<div class="form-group has-success">
<input type="text" class="form-control input-sm" placeholder="Filter">
<span class="post-meta">모든 클래스의 강좌 제목과 태그에서<br/>입력 문자열을 검색하여 필터링 합니다.</span>
</div>
<div>
<ul class="post-api-list">
{% for post in site.posts reversed %}{% if post.categories contains "Tutorial" %}{% if post.course contains "guide" %}
<li>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
<span class="octicon octicon-question api-deprecated"></span> {{ post.title }}</a>
</li>
{% endif %}{% endif %}{% endfor %}
<li>
<a class="post-link" href="{{ site.baseurl }}/files/realgrid-guide.pdf">
<span class="octicon octicon-book api-deprecated"></span> 개발자가이드 다운로드</a>
</li>
</ul>
</div>
</div>
<div class="col-md-9">
<div role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="nav active">
<a href="#a-class" aria-controls="A-class" role="tab" data-toggle="tab">A 클래스</a></li>
<li role="presentation" class="nav">
<a href="#b-class" aria-controls="B-class" role="tab" data-toggle="tab">B 클래스</a></li>
<li role="presentation" class="nav">
<a href="#c-class" aria-controls="C-class" role="tab" data-toggle="tab">C 클래스</a></li>
<li role="presentation" class="nav">
<a href="#project" aria-controls="Project" role="tab" data-toggle="tab">업무 예제</a></li>
<li role="presentation" class="nav">
<a href="#tip" aria-controls="Tip" role="tab" data-toggle="tab">팁</a></li>
<li role="presentation" class="nav">
<a href="#pivot" aria-controls="Pivot" role="tab" data-toggle="tab">피벗</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="a-class">
<p><span class="octicon octicon-info text-info"></span> A 클래스는 RealGrid의 기초적인 사용법에 대한 짤막한 강좌들입니다. </p>
<ul class="post-api-list">
{% assign tutorials_a = site.posts | sort: 'date'| reversed %}
{% for post in tutorials_a %}{% if post.categories contains "Tutorial" %}{% if post.course contains "A-Class" %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
<span class="hidden">
{% for tag in post.tags %}
{{ tag }}
{% endfor %}
</span>
</li>
{% endif %}{% endif %}{% endfor %}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="b-class">
<p><span class="octicon octicon-info text-info"></span> B 클래스는 <a href="http://demo.realgrid.com" target="_new">데모사이트</a>에 대한 상세한 설명을 제공합니다. 이 클래스의 강좌들을 통해 RealGrid의 다양한 기능들을 어떻게 구현하는지 배울수 있습니다.</p>
<ul class="post-api-list">
{% assign tutorials_b = site.posts | sort: 'order' %}
{% for post in tutorials_b %}{% if post.categories contains "Tutorial" %}{% if post.course contains "B-Class" %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
<span class="hidden">
{% for tag in post.tags %}
{{ tag }}
{% endfor %}
</span>
</li>
{% endif %}{% endif %}{% endfor %}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="c-class">
<p><span class="octicon octicon-info text-info"></span> C 클래스는 RealGrid를 실무에 적용할수 있는 유용한 기술들을 설명합니다. 이 클래스의 강좌들은 대부분 <a href="http://jquery.com" target="_blank">JQuery</a>와 <a href="http://getbootstrap.com" target="_blank">Bootstrap</a>에 의존적(dependency)입니다. </p>
<ul class="post-api-list">
{% for post in site.posts reversed %}{% if post.categories contains "Tutorial" %}{% if post.course contains "C-Class" %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
<span class="hidden">
{% for tag in post.tags %}
{{ tag }}
{% endfor %}
</span>
</li>
{% endif %}{% endif %}{% endfor %}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="project">
<p><span class="octicon octicon-info text-info"></span> 업무예제는 JAVA, .NET, 정부표준 프레임웍등 다양한 개발환경에서 RealGrid를 활용하는 방법을 설명하고 있습니다.</p>
<ul class="post-api-list">
{% for post in site.posts %}{% if post.categories contains "Tutorial" %}{% if post.course contains "Project" %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
<span class="hidden">
{% for tag in post.tags %}
{{ tag }}
{% endfor %}
</span>
</li>
{% endif %}{% endif %}{% endfor %}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="tip">
<ul class="post-api-list">
{% for post in site.posts %}{% if post.categories contains "Tutorial" %}{% if post.course contains "Tip" %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
<span class="hidden">
{% for tag in post.tags %}
{{ tag }}
{% endfor %}
</span>
</li>
{% endif %}{% endif %}{% endfor %}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="pivot">
<ul class="post-api-list">
{% for post in site.posts reversed %}{% if post.course contains "Pivot" %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
<span class="hidden">
{% for tag in post.tags %}
{{ tag }}
{% endfor %}
</span>
</li>
{% endif %}{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>