forked from harim061/majorFront
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1018 lines (983 loc) · 47.9 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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="./a.css">
<link rel="stylesheet" href="./nav.css">
<link rel="stylesheet" href="./roadmap.css">
<link rel="stylesheet" href="./han.css">
<link rel="stylesheet" href="./employ.css">
<link rel="stylesheet" href="./strength.css">
<link rel="stylesheet" href="./footer.css">
<link rel="stylesheet" href="./findWolf.css">
<link rel="stylesheet" href="./schoolimg.css">
<link rel="stylesheet" href="./goods.css">
<link rel="stylesheet" href="./last.css">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lemon" />
<script src="https://kit.fontawesome.com/fc13d61e87.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="http://fonts.cdnfonts.com/css/lemonade-script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Do+Hyeon&display=swap" rel="stylesheet">
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Arima:wght@600&family=Jua&family=Merienda:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<title>전공박람회</title>
</head>
<body id="wrapper">
<div class="content">
<div id="page_1">
<div class="nav">
<div class="btn">
<a href="#" class="hamburger-btn">
<span></span>
<span></span>
<span></span>
<span></span>
</a>
</div>
<div class="overlay">
<nav class="menu">
<ul>
<li><a href="#page_1">Main</a></li>
<li><a href="#page_2">Computer Engineering</a></li>
<li><a href="#page_3">Student Culture</a></li>
<li><a href="#page_4">DSCE Roadmap</a></li>
<li><a href="#page_5">Hanium</a></li>
<li><a href="#page_6">Employment Status</a></li>
<li><a href="#page_7">Strength</a></li>
<li><a href="#page_8">Goods</a></li>
</ul>
</nav>
</div>
</div>
<div id="com">
<div class="title">DSCE</div>
<div class="title_2">Make New Flow</div>
<div class="title_3" onmouseover = "find()"; onmouseout="out()">Hello, World</div>
<img class="findWolf1" src="./images/wolf.png">
<div id="moniter">
<div class="bubbles"><p class="cir">Computer Engineering</p></div>
<i class="fa-solid fa-chevron-down" id="icon1" onclick="goMajor();"></i>
</div>
</div>
</div>
</div>
<div class="content" id="page_2" >
<h1 class="p_title" style="margin-top: -10px"><span>Computer</span> <span>Engineering</span></h1>
<p class="p_text" style="padding-top: 10px" >
미래의 정보사회가 요구하는 실무 능력을 갖춘 <b class="text_ani1">우수한 IT 전문 인력</b> 을 양성하는 학과입니다.<br>
컴퓨터 소프트웨어의 개발 및 응용에 필요한 이론과 기술 교육을 실시하고, 실험·실습 교육을 통해 활용 능력을 높이며,<br>
현장 경험 및 산업체 전문가의 교육 참여를 확대하여 습득한 지식을 현실에 적용할 수 있도록 합니다.<br>
기존의 정보를 바탕으로 새롭고 독창적이며 유용한 아이디어를 산출해 내는 <b class="text_ani2">창의성</b>, 직종에 따라 필요한 <br>
자료구조, 알고리즘, 프로그래밍 언어에 대한 깊은 지식을 활용할 수 있는 <b class="text_ani2">전문성</b>, 다른 사람들과 함께 소통하며, <br>
갈등 발생 시 이를 원만히 조절하고 함께 업무를 수행해 내는 <b class="text_ani2">협업 능력</b>을 학습합니다.
</p>
<i class="fa-solid fa-chevron-down" id="icon2" onclick="goSl();"></i>
</div>
<div class="content" id="page_3">
<div class="mention">
현 페이지는 PC에서 확인 부탁드립니다.
<br>
<br>
<span class="closemention" onclick="closemention();">닫기</span>
</div>
<svg class="sky"></svg>
<div class="page3_box1" onmouseenter="flow()" ; onmouseout="flowout()">
<img class="flowimg" src="./images/flow.png">
01 . 컴퓨터공학전공 학생회 플로우(flow)
<br>
총 14명의 구성원으로 이루어진<br> 컴퓨터공학전공 제17대 학생회입니다.<br>
한 줄기로 잇따라 진행되는 현상을 비유하는 흐름을 뜻하며,<br>
학생회 내부 활발한 소통을 통하여 유대감을 형성하고,<br> 이를 바탕으로 학우들을 위해
다양한 행사 기획 및 주최, <br>진행을 도맡고 있습니다.
</div>
<div class="page3_box2">
02. 늘푸른 소리
<br>
IT관련 전공을 꿈꾸는 청소년들에게 <br>교육 봉사를 진행하고, IT기술 특강, 스터디,
프로젝트를<br> 통해 동아리원들과 함께 전공 관련 학습 능력을 <br>기를 수 있습니다.
</div>
<MARQUEE scrollamount="35">
<span id="horizon" style="color: white;">What kind of </span>
<span id="horizon" class="txt anim-text-flow">school life?</span>
</MARQUEE>
<div class="page3_box3"onmouseenter="cn()" ; onmouseout="cnout()">
<img src="./images/cn.png" class="cnimg" >
03. 코너
<br>
2021년 신설된 개발 소모임으로, 1회의 스터디와<br> 1회의 프로젝트를 필수로 합니다.<br>
학교 정기 커리큘럼 외 주제를 선정하여 <br>반년동안 스터디를 진행하며,
선,후배와의 교류를 중점으로 함께 성장해나가는 것을 목표로 합니다.
</div>
<div class="page3_box4">
04. 컴스터디
<br>
전공 내 팀을 이루어 한 학기 동안 <br>전공 공부, 프로젝트, 자격증 등의 목표를가지고 <br>
동기들과 스터디를 진행하며 함께 발전합니다.
</div>
</div>
<!--로드맵 페이지-->
<div class="content" style="background: #000" id="page_4">
<div class="roadmap">
<div class="gooey">
<div class="rmtitle">
<h3 style="color: #00579E">What’s your choice?</h3>
<h1 style="color: #FFFFFF; margin: 0px; text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black;">DSCE Road Map</h1>
<p style="color: #0A1843; margin-bottom: 1%; text-decoration: underline;margin-top: 20px;">according to the field of employment</p>
<i style="color: #fff; text-shadow: 4px 4px #6183E7;text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black; ">Click what you want!</i>
</div>
<div class="rtable">
<table>
<thead style="color: white; text-align: center;">
<th>
<div style="display: flex; justify-content: center;">
<div id="choi" onclick="tgSw();">
<div class="back"><p>최승훈 교수님</p>
</div>
</div>
<div id="u" onclick="tgSw();">
<div class="back" ><p>유견아 교수님</p>
</div>
</div>
</div>
고급소프트웨어 개발자
</th>
</thead>
<tbody>
<td>
<div class="mc" >
<div id="sw" style="visibility: hidden;">
프로그래밍기초<br>
JAVA프로그래밍<br>
객체지향프로그래밍<br>
리눅스프로그래밍<hr>
소프트웨어분석설계<br>
멀티미디어프로그래밍<br>
소프트웨어공학<br>
알고리즘<br>
운영체제<hr>
컴퓨터그래픽스<br>
인공지능<br>
졸업프로젝트1<br>
졸업프로젝트2<br>
</div>
</div>
</td>
</tbody>
</table>
<table>
<thead style="color: white; text-align: center;">
<th>
<div id="park" onclick="tgDb();">
<div class="back">
<p>박우창 교수님</p>
</div>
</div>
데이터베이스 프로그래머
</th>
<th>
<div id="ylee" onclick="tgWa();">
<div class="back"><p>이경미 교수님</p>
</div>
</div>
웹/앱 개발자
</th>
</thead>
<tbody>
<td>
<div class="mc">
<div id="db" style="display: none;">
프로그래밍기초<br>
JAVA프로그래밍<br>
프로그래머수학<br>
자료구조론<hr><br>
알고리즘<br>
데이터베이스프로그래밍<br><br><hr>
빅데이터<br>
졸업프로젝트1<br>
졸업프로젝트2
</div>
</div>
</td>
<td>
<div class="mc">
<div id="wa" style="display: none;">
인터넷기초<br>
JAVA프로그래밍<br>
인터넷프로그래밍<br>
리눅스프로그래밍<hr><br><br>
모바일앱프로그래밍<br><br><br><hr>
웹프로그래밍응용<br>
졸업프로젝트1<br>
졸업프로젝트2
</div>
</div>
</td>
</tbody>
</table>
<table>
<thead style="color: white; text-align: center;">
<th>
<div id="olee" onclick="tgNs();">
<div class="back"><p>이주영 교수님</p>
</div>
</div>
네트워크 보안 프로그래머
</th>
</thead>
<tbody>
<!-- <td>
<div class="mc" >
<div id="sw" style="visibility: hidden;">
프로그래밍기초<br>
JAVA프로그래밍<br>
객체지향프로그래밍<br>
리눅스프로그래밍<hr>
소프트웨어분석설계<br>
멀티미디어프로그래밍<br>
소프트웨어공학<br>
알고리즘<br>
운영체제<hr>
컴퓨터그래픽스<br>
인공지능<br>
졸업프로젝트1<br>
졸업프로젝트2<br>
</div>
</div>
</td>
<td>
<div class="mc">
<div id="db" style="display: none;">
프로그래밍기초<br>
JAVA프로그래밍<br>
프로그래머수학<br>
자료구조론<hr><br>
알고리즘<br>
데이터베이스프로그래밍<br><br><hr>
빅데이터<br>
졸업프로젝트1<br>
졸업프로젝트2
</div>
</div>
</td>
<td>
<div class="mc">
<div id="wa" style="display: none;">
인터넷기초<br>
JAVA프로그래밍<br>
인터넷프로그래밍<br>
리눅스프로그래밍<hr><br><br>
모바일앱프로그래밍<br><br><br><hr>
웹프로그래밍응용<br>
졸업프로젝트1<br>
졸업프로젝트2
</div>
</div>
</td> -->
<td>
<div class="mc">
<div id="ns" style="display: none;">
프로그래밍기초<br>
리눅스프로그래밍<br>
프로그래머수학<br><br><hr><br>
컴퓨터구조<br>
컴퓨터네트워크<br><br><hr>
인터넷보안<br>
졸업프로젝트1<br>
졸업프로젝트2
</div>
</div>
</td>
</tbody>
</table>
</div>
</div>
</div>
<!--한이음 페이지-->
<div class="content" id="page_5">
<div class="han">
<h1 style="text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black;">Hanium Award Status</h1>
<div id="han2">
<div id= "han3">
<div>
<span>2018</span><hr>
<div id="h18" style="font-family: 'Libre Franklin';">
동상 “얼굴 트래킹을 이용한 영상 속 등장인물 분석 및 검색 서비스”<br>
장려상 “AI 기반의 기업형 Realtime Chabot 개발을 통한 일정 관리 스마트시스템”<br>
장려상 “AWS을 활용한 난청인을 위한 Hearing Aid (보청기)”<br>
그 외 8개 작품 입선
</div>
</div>
<div>
<span>2019</span><hr>
<div id="h19">
대상(과학기술 정보통신부 장관상) “맞춤형 공공 복지 알리미”<br>
동상 “얼굴 인식과 감정 분석 기술을 활용한 AI 화상 회의 중심 협업 플랫폼”<br>
장려상 “블록체인을 활용한 스터디 관리 플랫폼”<br>
그 외 11개 작품 입선
</div>
</div>
<div>
<span>2020</span><hr>
<div id="h20">
동상 “우리 뭐 먹지? –감정 분석을 통한 실시간 음식 추천 서비스”<br><br><br><br>
</div>
</div>
<div>
<span>2021</span><hr>
<div id="h21">
금상 “시각장애인을 위한 큐브 냉장고”<br>
은상 “1인 미디어 창작자를 위한 딥러닝 기반 작곡 웹 어플리케이션”<br>
동상 “AI기반 홈 트레이닝 웹 서비스”<br>
그 외 7개 작품 입선
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content" id="page_6">
<div class="employ">
<h1 style="text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black;">DSCE Employment Status </h1>
<h3>Check it out through the button!</h3>
<div class="circle">
<div id="it">IT</div>
<div id="aca">교육</div>
<div id="fin">금융</div>
<div id="etc">etc</div>
</div>
<div id="modal1" class="modal-overlay">
<div class="modal-window" id="itmodal">
<div class="title">DSCE</div>
<div class="title_2">IT</div>
<div class="close-area" id="closeit">닫기</div>
<div class="contents">
<table style="font-family: 'Libre Franklin';">
<tr>
<th>회사명</th>
<th>직명</th>
</tr>
<tr>
<td>N Tech Service</td>
<td>UI개발, VI, 개발부서</td>
</tr>
<tr>
<td>NIT서비스</td>
<td>클라우드 운영팀</td>
</tr>
<tr>
<td>영림원</td>
<td>프로그래머</td>
</tr>
<tr>
<td>더존비즈온</td>
<td>컨설턴트</td>
</tr>
<tr>
<td>카카오 M</td>
<td>서비스개발</td>
</tr>
<tr>
<td>네이버 비즈니스 플랫폼</td>
<td>데이터센터 SW개발</td>
</tr>
<tr>
<td>삼성전자</td>
<td>SW엔지니어</td>
</tr>
<tr>
<td>한국정보통신기술협회</td>
<td>SW품질인증팀, QA(상암SW시험센터)</td>
</tr>
<tr>
<td>티맥스 소프트</td>
<td>UI개발, VI, 개발부서</td>
</tr>
<tr>
<td>N Tech Service</td>
<td>품질관리(QA)</td>
</tr>
<tr>
<td>페이레터</td>
<td>개발직</td>
</tr>
<tr>
<td>대우정보시스템</td>
<td>웹 개발</td>
</tr>
<tr>
<td>토마토시스템</td>
<td>IT</td>
</tr>
<tr>
<td>한화시스템/ICT</td>
<td>ICT서비스개발/운영</td>
</tr>
<tr>
<td>NHN 픽셀큐브㈜</td>
<td>게임 클라이언트 개발</td>
</tr>
<tr>
<td>페이레터</td>
<td>프로그래머</td>
</tr>
<tr>
<td>INSOFT(아이엔소프트)</td>
<td>프로그래머</td>
</tr>
<tr>
<td>GS ITM</td>
<td>ERP 사업부</td>
</tr>
<tr>
<td>코드링크렛</td>
<td>소프트웨어교육개발</td>
</tr>
<tr>
<td>위디디</td>
<td>웹개발</td>
</tr>
<tr>
<td>스마일 게이트</td>
<td>플랫폼개발</td>
</tr>
<tr>
<td>Dell Technologies Korea</td>
<td>Services–TSE-CST (Customer Support Technician)</td>
</tr>
<tr>
<td>인조이 웍스</td>
<td>기획</td>
</tr>
<tr>
<td>인터파크</td>
<td>데이터 플랫폼</td>
</tr>
<tr>
<td>미디어로그</td>
<td>ICT 사업</td>
</tr>
<tr>
<td>비즈테크 파트너스 (LG계열)</td>
<td>ERP, BI 구축</td>
</tr>
<tr>
<td>하나시스템</td>
<td>반도체 장비</td>
</tr>
</table>
</div>
</div>
</div>
<div id="modal2" class="modal-overlay">
<div class="modal-window" id="acamodal">
<div class="title">DSCE</div>
<div class="title_2">교육</div>
<div class="close-area" id="closeaca">닫기</div>
<div class="contents">
<table style="font-family: 'Libre Franklin';">
<tr>
<th>학교명</th>
<th>직명</th>
</tr>
<tr>
<td>창덕중학교</td>
<td>교육</td>
</tr>
<tr>
<td>창북중학교</td>
<td>교육</td>
</tr>
<tr>
<td>하남경영고등학교</td>
<td>교육</td>
</tr>
<tr>
<td>여수정보과학고</td>
<td>교육</td>
</tr>
</table>
</div>
</div>
</div>
<div id="modal3" class="modal-overlay">
<div class="modal-window" id="finmodal">
<div class="title">DSCE</div>
<div class="title_2">금융</div>
<div class="close-area" id="closefin">닫기</div>
<div class="contents">
<table style="font-family: 'Libre Franklin';">
<tr>
<th>회사명</th>
<th>직명</th>
</tr>
<tr>
<td>하나금융 티아이</td>
<td>은행서비스본부 외환팀</td>
</tr>
<tr>
<td>국민은행</td>
<td>디지털부(임시), IT그룹, IT기술혁신센터(AI인공지능)</td>
</tr>
<tr>
<td>오케이 저축은행</td>
<td>IT기획팀</td>
</tr>
<tr>
<td>SC제일은행</td>
<td>기업금융</td>
</tr>
<tr>
<td>농협중앙회</td>
<td>IT 개발</td>
</tr>
<tr>
<td>한국펀드서비스</td>
<td>금융</td>
</tr>
</table>
</div>
</div>
</div>
<div id="modal4" class="modal-overlay">
<div class="modal-window" id="etcmodal">
<div class="title">DSCE</div>
<div class="title_2">etc</div>
<div class="close-area" id="closeetc">닫기</div>
<div class="contents">
<table style="font-family: 'Libre Franklin';">
<tr>
<th>회사명</th>
<th>직명</th>
</tr>
<tr>
<td>모나미</td>
<td>UI개발, VI, 개발부서</td>
</tr>
<tr>
<td>세정그룹</td>
<td>IT시스템운영</td>
</tr>
<tr>
<td>PUMA</td>
<td>인사팀</td>
</tr>
<tr>
<td>삼일회계법인</td>
<td>RA, 전산감사</td>
</tr>
<tr>
<td>한전 KDN</td>
<td>전산팀</td>
</tr>
<tr>
<td>한국무역통계진흥원</td>
<td>통계서비스팀</td>
</tr>
<tr>
<td>동원 엔터프라이즈</td>
<td>WEB파트</td>
</tr>
<tr>
<td>CJ E&M 다이아 티비</td></td>
<td>콘텐츠제작</td>
</tr>
<tr>
<td>YNK엔터테인먼트</td>
<td>컨텐츠 마케팅</td>
</tr>
<tr>
<td>바슈롬코리아</td>
<td>마케팅</td>
</tr>
<tr>
<td>롯데 하이마트</td>
<td>IT기획팀 정보보호(보안)</td>
</tr>
<tr>
<td>KB손해보험</td>
<td>디지털</td>
</tr>
<tr>
<td>SM엔터테인먼트</td>
<td>콘텐츠제작</td>
</tr>
<tr>
<td>잡코리아</td>
<td>IT 웹 개발</td>
</tr>
<tr>
<td>소셜코리아</td>
<td>웹 퍼블리셔</td>
</tr>
<tr>
<td>광양시청</td>
<td>전산직</td>
</tr>
<tr>
<td>삼성생명</td>
<td>SFP</td>
</tr>
<tr>
<td>동원 F&B</td>
<td>쇼핑몰운영팀</td>
</tr>
<tr>
<td>다이브 컴퍼니</td>
<td>연구원</td>
</tr>
<tr>
<td>디지포레</td>
<td>소프트웨어개발</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="content" id="page_7">
<section class="thumbSection">
<div class="page_7_title" style="display: flex; text-align: center; height: 100px; position: relative; top: -20px;">
<p class="thumbTitle" style="margin-right: 10px;padding-top:15px ; color: #FFFFFF;font-family:'Lemon'; text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black;">What about </p>
<p class="thumbTitle blinking extension"
style="
height: 80px;
margin-left: 0px;
padding-top:15px;
padding-left: 10px;
background: linear-gradient(to right, #7050EE 20%, #6183E7 30%, #52A9F3 80%, #50CAEE 100%);
color: transparent;
-webkit-background-clip: text;
font-family:'Lemon';"
>strength?</p>
</div>
<!-- Slider main container -->
<div class="thumbTiles swiper-container">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<a class="thumbTile" href="#">
<div class="screen">
<div class="top top1">교직 이수 가능</div>
<img class="thumbTile__image" src="images/1.jpg" alt="교직이수">
</div>
<div><h3 class="elements">교직 이수 가능</h3></div>
<div class="desc">
<i class="fa-solid fa-arrow-down"></i>
<p class="short">과학기술대학 IT학과 중 유일하게<br>
교직 이수가 가능한 학과입니다.<br>
따라서, 교육자의 꿈을 펼칠 수 있으며,<br>
이는 진로 선택의 폭을 넓힐 수 있는<br>
하나의 기회가 됩니다.<br></p>
</div>
</a>
</div>
<div class="swiper-slide">
<a class="thumbTile" href="#">
<div class="screen">
<div class="top top1">실력 기반 대우</div>
<img class="thumbTile__image" src="images/2.jpg" alt="실력 기반">
</div>
<div><h3 class="elements">실력 기반 대우</h3></div>
<div class="desc">
<i class="fa-solid fa-arrow-down"></i>
<p class="long">학력, 학점보다 프로그래밍 실력이 <br>
비교적 중요시 여겨지기 때문에 <br>
학점의 부담에서 벗어나 공부할 수 있습니다. <br>
실력을 높이려는 자극을 노력의 발판으로 삼고, <br>
스스로 커리어를 개척하여 <br>
긍정적인 성과를 이룰 수 있습니다.<br></p>
</div>
</a>
</div>
<div class="swiper-slide">
<a class="thumbTile" href="#">
<div class="screen">
<div class="top top1">활발한 소통</div>
<img class="thumbTile__image" src="images/3.jpg" alt="활발한 소통">
</div>
<div><h3 class="elements">활발한 소통</h3></div>
<div class="desc">
<i class="fa-solid fa-arrow-down"></i>
<p class="long">짝동기, 짝선배 이벤트 등을 통해 <br>
학우들과 다양하게 교류할 수 있습니다.<br>
컴퓨터공학전공은 1998년 개설되어<br>
많은 동문과 선배들이 있어<br>
조언과 도움을 받을 수 있는 환경이<br>
갖추어져 있습니다.</p>
</div>
</a>
</div>
<div class="swiper-slide">
<a class="thumbTile" href="#">
<div class="screen">
<div class="top top2">우수한 공부 환경 조성</div>
<img class="thumbTile__image" src="images/4.jpg" alt="환경 조성">
</div>
<div><h3 class="elements">우수한 공부 환경 조성</h3></div>
<div class="desc">
<i class="fa-solid fa-arrow-down"></i>
<p class="short">유능한 교수님들께 다양한<br>
프로그래밍 수업을 들을 수 있습니다. <br>
컴스터디, 학과 소모임 등을 통해 <br>
학우들과 함께 공부할 수 있습니다.</p>
</div>
</a>
</div>
<div class="swiper-slide">
<a class="thumbTile" href="#">
<div class="screen">
<div class="top top3">졸업 이후 다양한 분야로의 진출</div>
<img class="thumbTile__image" src="images/5.jpg" alt="다양한 분야 진출">
</div>
<div><h3 class="elements">졸업 이후 다양한 분야로의 진출</h3></div>
<div class="desc">
<i class="fa-solid fa-arrow-down"></i>
<p class="short">컴퓨터를 활용하는 능력은 <br>
어떤 분야에서든
필요하므로, <br>
졸업 후 희망 분야에
전공을 살린 <br>
지원이 가능합니다.</p>
</div>
</a>
</div>
</div>
<!-- navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</section>
</div>
<div class="content" id="page_8">
<section>
<h1 class="page_title" style="color: #FFFFFF;font-family:'Lemon'; font-size: 60px;
margin: 0px; text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black;
position: relative; top: -50px;">
Goods
</h1>
</section>
<!--items-->
<section id="items">
<div class="boxs ibox1">
<img src="./images/goods1.jpg" alt="" class="goods goods1" data-aos="zoom-out">
<img src="./images/goods2.jpg" alt="" class="goods goods2" data-aos="zoom-out">
</div>
<div class="boxs ibox2" data-aos="flip-right">
<h3 class="goods1 name">Stickers</h3>
<p class="goods1 desc" style="margin-top:10px">MAKE NEW FLOW <br>
새로운 흐름을 만들어 볼까요?<br>
흐름이 가득한 스티커와 함께해요! <br>
당신의 노트북에도 새로운 흐름을 선물할게요:) <br>
</p>
</div>
<div class="boxs ibox3">
<img src="./images/goods3.jpg" alt="" class="goods goods3" data-aos="zoom-out">
</div>
<div class="boxs ibox4" data-aos="flip-right">
<h3 class="goods2 name">Hand Mirror</h3>
<p class="goods2 desc"style="margin-top:10px">우리의 무한한 우주를 응원해 <br>
끝없는 가능성을 가진 컴공의 우주들을<br>
손거울로 표현했습니다. <br>
내 우주를 손에 소장해 보세요! <br>
</p>
</div>
</section>
</div>
<div class="content" id="page_9">
<!--items2-->
<section id="items2">
<div class="boxs ibox5" >
<img src="./images/goods4.jpg" alt="" class="goods goods4" data-aos="zoom-out">
</div>
<div class="boxs ibox6" data-aos="flip-right">
<h3 class="goods3 name">Mouse Pad</h3>
<p class="goods3 desc" style="margin-top:10px">시스템 가동 준비 완료! <br>
0과 1로 가득 찬 컴퓨터공학을 <br>
한 번 만나볼까요? <br>
특별히 준비한 플레이리스트와 함께요! <br>
</p>
</div>
<div class="boxs ibox7">
<img src="./images/goods5.jpg" alt="" class="goods goods5" data-aos="zoom-out">
</div>
<div class="boxs ibox8" data-aos="flip-right">
<h3 class="goods4 name">Memo Pad</h3>
<p class="goods4 desc" style="margin-top:10px">안녕? 내 이름은 늑때! <br>
덕냥이를 만나러 튀어나왔어요. <br>
파일 속에서 늑때가 튀어나온 순간!<br>
덕우들의 매일매일 달라지는 흐름을 <br>
책임지고 보관할게요! <br>
</p>
</div>
</section>
</div>
<!--page9-->
<div class="content" id="page_10" style="background: #fff; font-family: 'Libre Franklin';">
<section id="blank" style="background: #0A1843; height: 300px;"></section>
<div id="round"></div>
<section class="paper">
<div class="name-title">
<p class="footer-action-heading text-color-black">Let's create
<span class="special-2 no-spacing" style="margin-right: 10px;">something</span>
</p>
</div>
<div id="node" class="action-description footer-description-margin">
<div class="contact-info-wrapper">
<a href="https://www.duksung.ac.kr/computer/main.do" target="_blank" class="button footer-link-align-left w-inline-block">
<div class="button-text">
<div class="button-text-item text-size-medium text-color-black"
style="transform: translate3d(0px, -0%, 0px) scale3d(1, 1, 1) ;
transform-style: preserve-3d; will-change:transform;">
<span class="text-span-7">Duksung Computer Engineering</span>
</div>
<div class="button-text-item text-size-medium text-color-black"
style="transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) ;
transform-style: preserve-3d; will-change:transform;">
<span class="text-span-7">Duksung Computer Engineering</span>
</div>
</div>
</a>
<a href="#page_1" class="button footer-link-align-left w-inline-block">
<div class="button-text">
<div class="button-text-item text-size-medium text-color-black"
style="transform: translate3d(0px, -0%, 0px) scale3d(1, 1, 1) ;
transform-style: preserve-3d; will-change:transform;">
<span class="text-span-7">www.hellodsce.com</span>
</div>
<div class="button-text-item text-size-medium text-color-black"
style="transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) ;
transform-style: preserve-3d; will-change:transform;">
<span class="text-span-7">www.hellodsce.com</span>
</div>
</div>
</a>
<div class="button-text button footer-link-align-left w-inline-block">
<div class="button-text-item text-size-medium text-color-black"
style="transform: translate3d(0px, -0%, 0px) scale3d(1, 1, 1) ;
transform-style: preserve-3d; will-change:transform;">
<span class="text-span-7">Oh seeun Noh harim Kim chaehyun</span>
</div>
<div class="button-text-item text-size-medium text-color-black"
style="transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1);
transform-style: preserve-3d; will-change:transform;">
<span class="text-span-7">컴퓨터공학전공 제 17대 학생회 FLOW</span>
</div>
</div>
</div>
</div>
<div class="contain">
<div class="banner">
<ul class="rolling">
<span>
<a class="roll" href="#">Amazing</a>
</span>
<span>
<a class="roll" href="#">Creative</a>
</span>
<span>
<a class="roll" href="#">Interesting</a>
</span>
<span>
<a class="roll" href="#" style="left:5vw;">Cool</a>
</span>
<span>
<a class="roll" href="#">Fantastic</a>
</span>
<span>
<a class="roll" href="#">Amazing</a>
</span>
<span>
<a class="roll" href="#">Creative</a>
</span>
<span>
<a class="roll" href="#">Interesting</a>
</span>
<span>
<a class="roll" href="#">Cool</a>
</span>
<span>
<a class="roll" href="#">Fantastic</a>
</span>
<span>
<a class="roll" href="#">Amazing</a>
</span>
<span>
<a class="roll" href="#">Creative</a>
</span>
<span>
<a class="roll" href="#">Interesting</a>
</span>
<span>
<a class="roll" href="#" style="left:5vw;">Cool</a>
</span>
<span>
<a class="roll" href="#">Fantastic</a>
</span>
<span>
<a class="roll" href="#">Amazing</a>
</span>
<span>
<a class="roll" href="#">Creative</a>
</span>
<span>
<a class="roll" href="#">Interesting</a>
</span>
<span>
<a class="roll" href="#">Cool</a>
</span>
<span>
<a class="roll" href="#">Fantastic</a>
</span>
</ul>
</div>
</div>
</section>
<div id="body-wrapper">
<div id="body-content"></div>
<footer>
<div class="waves">
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<!--
<ul class="social_icon">
<li><a href="#"><ion-icon name="school-outline"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-instagram"></ion-icon></a></li>
</ul>
<ul class="menu">
<li><a href="#">컴퓨터공학전공</a></li>
<li><a href="#">학생 문화 소개</a></li>
<li><a href="#">전공 진로 로드맵</a></li>
<li><a href="#">한이음</a></li>
<li><a href="#">취업 현황</a></li>
<li><a href="#">장점 & 자랑거리</a></li>
</ul> -->
<p>©2022 <span onmouseover = "find2()"; onmouseout="out2();">DSCE</span> Major Exhibition WEB | All Rights Reserved</p>
<img class="findWolf2" src="./images/wolf.png">