-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
279 lines (265 loc) · 14 KB
/
index.html
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CNSA 인공지능 연구팀</title>
<meta name="keywords" content="충남삼성고, 연구팀, 인공지능, CNSA, 인공지능 연구팀">
<meta name="description" content="인공지능 연구팀 지원">
<meta content="인공지능 연구팀 지원" property="og:title"/>
<meta content="//ai-research-team.netlify.app" property="og:url"/>
<meta content="인공지능 연구팀 지원" property="og:description"/>
<meta content="images/ai-research-team" property="og:image"/>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
rel="stylesheet"/>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8W1WF2FWJZ');
</script>
</head>
<body>
<div class="bg-gray-900 py-5 px-5 grid gap-10">
<dic class="bg-gray-900 py-24 rounded-3xl shadow-xl text-center ">
<div>
<div>
<div class="text-8xl text-white">
<p>인공지능 연구팀</p>
</div>
<div class="text-2xl mt-8 p-1 text-white">
<p>충남삼성고등학교 인공지능 연구팀 DeepWave</p>
</div>
</div>
<div>
<div class="flex flex-col pt-20 mx-2">
<button id="intro" class="bg-green-400 shadow-2xl text-white shadow-green-500/50 hover:bg-green-500 font-bold p-4 rounded-2xl flex-1 m-2">
연구팀 소개
</button>
<button id="activity" class="bg-green-500 shadow-2xl text-white shadow-green-500/50 hover:bg-green-600 font-bold p-4 rounded-2xl flex-1 m-2">
연구팀 활동 계획
</button>
<button id="team" class="bg-green-600 shadow-2xl text-white shadow-green-500/50 hover:bg-green-700 font-bold p-4 rounded-2xl flex-1 m-2">
연구팀 혜택
</button>
<button id="newbi" class="bg-green-700 shadow-2xl text-white shadow-green-500/50 hover:bg-green-800 font-bold p-4 rounded-2xl flex-1 m-2">
연구팀 지원
</button>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-900 py-5 px-5 grid gap-10" id="setIntro">
<dic class="bg-white py-16 rounded-3xl shadow-xl text-center">
<div class="text-3xl font-bold mb-10">
<p>인공지능 연구팀 소개</p>
</div>
<div class="text-xl mt-8 m-10 font-bold">
<p>머신러닝, 딥러닝에 대하여 배우고, 연구하며 2학년때 실시하는 학생탐구활동을 준비하는 연구팀입니다.</p>
</div>
<div class="mt-8 m-10">
<p class="text-xl">CNSA 재학기간인 3년 내내 진행되는 활동으로 동아리활동과는 무관한 개별활동이며, 생활기록부 진로활동 칸에 기재될 수 있습니다. 또한, 졸업 이후에도 후배들과의 교류를 목표로 하기에 중도 탈퇴는 불가합니다.</p>
</div>
</div>
</div>
<div class="bg-gray-900 py-5 px-5 grid gap-10" id="setActivity">
<dic class="bg-white py-16 rounded-3xl shadow-xl text-center">
<div class="text-3xl text-center">
<p class="mb-12 font-bold">연구팀 활동 계획</p>
</div>
<div class="text-xl mt-8 m-10 font-bold">
<p>1학년에는 인공지능의 기본적인 원리와 기술을 익힌 후, 논문을 통해 머신러닝과 딥러닝 기술에 대하여 학습합니다. 2학년에는 인공지능 관련 논문을 작성하는 것을 목표로 활동을 진행합니다.</p>
</div>
<div>
<p class="text-left p-2 mx-20 text-3xl">1학년</p>
<div class="bg-blue-400 text-white shadow-2xl m-2 rounded-2xl p-2 mx-20 text-left">
<p class="p-4 font-normal text-xl">✅ Python 학습</p>
</div>
<div class="bg-blue-500 text-white shadow-2xl m-2 rounded-2xl p-2 mx-20 text-left">
<p class="p-4 font-normal text-xl">✅ Tensorflow 학습</p>
</div>
<div class="bg-blue-600 text-white shadow-2xl m-2 rounded-2xl p-2 mx-20 text-left">
<p class="p-4 font-normal text-xl">✅ 인공지능 기초 원리 학습</p>
</div>
<div class="bg-blue-700 text-white shadow-2xl m-2 rounded-2xl p-2 mx-20 text-left">
<p class="p-4 font-normal text-xl">✅ 관심 분야 논문 읽기</p>
</div>
<p class="text-left p-2 mx-20 text-3xl">2학년</p>
<div class="bg-blue-800 text-white shadow-2xl m-2 rounded-2xl p-2 mx-20 text-left">
<p class="p-4 font-normal text-xl">✅ 관심있는 주제 선정 후 인공지능 연구 및 논문 작성</p>
</div>
</div>
</div>
</div>
<div class="bg-gray-900 py-5 px-5 grid gap-10" id="setTeam">
<dic class="bg-white py-16 rounded-3xl shadow-xl text-center">
<div class="text-3xl">
<p class="font-bold">인공지능 연구팀 혜택</p>
</div>
<div class="flex flex-col text-left">
<div class="flex-1 bg-white rounded-2xl shadow-lg shadow-indigo-700/50 m-2 text-black p-4">
<div class="flex-1">
<img class="inline rounded-full h-32 bg-white m-2 shadow-2xl" src="images/mentor.png" alt="javascript">
</div>
<div class="flex flex-col">
<div class="flex-1">
<div class="my-4 text-2xl">연구팀 선배의 멘토링</div>
<div class="text-xl">인공지능은 처음 시작할 때 장벽이 높은 분야 중 하나입니다. 인공지능은 많은 수학적 지식과 알고리즘에 대한 이해가 필요한 학문이기 때문입니다. 그래서 인공지능 연구팀 선배님들이 도와주며 인공지능에 대해 공부하고 연구합니다.</div>
</div>
</div>
</div>
<div class="flex-1 bg-white rounded-2xl shadow-lg shadow-indigo-700/50 m-2 text-black p-4">
<div class="flex-1">
<img class="inline rounded-full h-32 bg-white m-2 shadow-2xl" src="images/gpu.png" alt="javascript">
</div>
<div class="flex flex-col">
<div class="flex-1">
<div class="my-4 text-2xl">인공지능 학습을 위한 하드웨어 지원</div>
<div class="text-xl">인공지능을 학습시키는데 필요한 하드웨어를 지원합니다. 딥러닝 연산에 최적화된 GPU를 활용하여 인공지능을 학습시킬 수 있도록 충분한 사양의 하드웨어를 지원합니다.</div>
</div>
</div>
</div>
<div class="flex-1 bg-white rounded-2xl shadow-lg shadow-indigo-700/50 m-2 text-black p-4">
<div class="flex flex-col">
<div class="flex-1">
<img class="inline rounded-full h-32 bg-white m-2 shadow-2xl" src="images/python_logo.png" alt="python">
<img class="inline rounded-full h-32 bg-white m-2 shadow-2xl" src="images/tensorflow_logo.png" alt="tensorflow">
<img class="inline rounded-full h-32 bg-white m-2 shadow-2xl" src="images/keras_logo.png" alt="keras">
</div>
<div class="flex-1">
<div class="my-4 text-2xl">파이썬과 텐서플로우 학습</div>
<div class="text-xl">파이썬은 굉장히 많은 분야에 사용되는 언어입니다. 파이썬은 데이터 시각화, 백엔드 서버 개발, 웹 크롤링 등의 분야에 다양하게 사용되며 활용도가 무궁무진합니다. 인공지능 연구팀에서는 파이썬에 대한 심도 있는 학습과 파이썬 라이브러리인 텐서플로우, 데어터 셋인 케라스를 활용하여 파이썬을 통해 데이터를 다루고 인공지능 알고리즘을 짜는 것을 배울 수 있습니다.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-900 py-5 px-5 grid gap-10" id="setNewbi">
<dic class="bg-white py-16 rounded-3xl shadow-xl text-center">
<div class="text-3xl mb-10 font-bold">
<p>인공지능 연구팀 모집</p>
</div>
<div class="flex px-5 py-5">
<div class="flex-1 text-xl font-bold">지원 자격</div>
<div class="flex-1 text-xl font-bold text-left">IT디플로마를 반드시 이수할 학생 & IT진로를 희망하는 IB 학생<br/>인공지능 연구/응용 분야를 진로희망으로 하는 학생</div>
</div>
<div class="flex px-5 py-5">
<div class="flex-1 text-xl font-bold">모집 일정</div>
<div class="flex-1 text-xl font-bold text-left">1차 서류 접수 마감 - 3월 29일<br/>1차 서류 심사 발표 - 3월 30일<br/>2차 대면면접 - 4월 7일<br/>최종 합격 발표 - 4월 8일</div>
</div>
<div class="flex px-5 py-5">
<div class="flex-1 text-xl font-bold">모집 방법</div>
<div class="flex-1 text-xl font-bold text-left">1차 서류 평가, 2차 대면 면접 진행(or Zoom)</div>
</div>
<div class="flex px-5 py-5">
<div class="flex-1 text-xl font-bold">모집 인원</div>
<div class="flex-1 text-xl font-bold text-left">4명~6명</div>
</div>
<div class="flex px-5 py-5">
<div class="flex-1 text-xl font-bold">관련 문의</div>
<div class="flex-1 flex-col">
<div class="flex-1 text-xl font-bold text-left">
<div class="my-4">권도연</div>
<div class="my-4">Tel: 010-2702-0467</div>
<a href="https://instagram.com/dqauxiam?utm_medium=copy_link" class="bg-gradient-to-r from-purple-800 via-pink-600 to-yellow-400 text-white shadow-2xl font-bold py-2 px-4 rounded-full my-5">instagram</a>
</div>
<div class="flex-1 text-xl font-bold text-left">
<div class="my-4">전현우</div>
<div class="my-4">Tel: 010-9260-2402</div>
<a href="https://instagram.com/hyun_woo0228?utm_medium=copy_link" class="bg-gradient-to-r from-purple-800 via-pink-600 to-yellow-400 text-white shadow-2xl font-bold py-2 px-4 rounded-full my-5">instagram</a>
</div>
<div class="flex-1 text-xl font-bold text-left">
<div class="my-4">안관영</div>
<div class="my-4">Tel: 010-9213-5243</div>
<a href="https://instagram.com/_rhks_dks0?utm_medium=copy_link" class="bg-gradient-to-r from-purple-800 via-pink-600 to-yellow-400 text-white shadow-2xl font-bold py-2 px-4 rounded-full my-5">instagram</a>
</div>
</div>
</div>
<div class="text-center text-2xl font-bold mt-8 mb-8">인공지능 연구팀 지원하기</div>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScuP4CUE0QxCJlRwYFgw-UFMgIrL9uRQ9Zc5vh0sP5Zja3MTA/viewform?usp=sf_link" class="bg-indigo-700 shadow-lg shadow-indigo-500/50 hover:bg-indigo-500 text-white text-2xl font-bold py-2 px-4 rounded-full flex-1 m-5">
지원하기
</a>
</div>
</div>
<!-- <div class="bg-gray-900 py-5 px-5 grid gap-10" id="setNewbi">
<dic class="bg-white py-16 rounded-3xl shadow-xl text-center">
<div class="text-3xl font-bold mb-10">
<p>9기 최종 합격자 발표</p>
</div>
<div class="text-xl mt-8 m-10">
<p>221207 박재현</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220428 채경수</p>
</div>
<div class="text-xl mt-8 m-10">
<p>221215 오상혁</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220709 문예린</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220313 박윤하</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220824 정예찬</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220825 정원창</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220126 조인성</p>
</div>
<div class="text-xl mt-8 m-10">
<p>221214 양이수</p>
</div>
<div class="text-xl mt-8 m-10">
<p>221218 이상협</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220325 전영진</p>
</div>
<div class="text-xl mt-8 m-10">
<p>221220 이선재</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220324 장채린</p>
</div>
<div class="text-xl mt-8 m-10">
<p>220120 이도엽</p>
</div>
<div class="text-xl mt-8 m-10">
<p>지원해주신 여러분 모두 감사합니다.</p>
</div>
</div>
<div class="bg-gray-900 py-5 px-5 grid gap-10" id="setIntro">
<dic class="bg-white py-16 rounded-3xl shadow-xl text-center">
<div class="text-3xl font-bold mb-10">
<p>8기 최종 합격자 발표</p>
</div>
<div class="text-xl mt-8 m-10">
<p>210509 김연준</p>
</div>
<div class="text-xl mt-8 m-10">
<p>211130 허준영</p>
</div>
<div class="text-xl mt-8 m-10">
<p>211112 변상빈</p>
</div>
<div class="text-xl mt-8 m-10">
<p>210714 백승하</p>
</div>
<div class="text-xl mt-8 m-10">
<p>지원해주신 여러분 모두 감사합니다.</p>
</div>
</div>
</div> -->
<div class="text-center bg-gray-900 text-white p-4">
<div class="text-center bg-gray-900 text-white">Copyright © 2022 jhyunwoo0228@gmail.com</div>
</div>
<script src="app.js"></script>
</body>
</html>