-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
765 lines (738 loc) · 33.6 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
<!DOCTYPE html>
<html>
<head>
<meta property="og:title" content="2024-2 CRA 리쿠르팅" />
<meta property="og:description" content="CRA의 새로운 얼굴을 찾습니다." />
<meta
property="og:image"
content="https://cra16.github.io/assets/images/24-2-link-banner.png"
/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-37307093-3"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-37307093-3");
</script>
<meta charset="UTF-8" />
<title>CRA 리쿠르팅</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/theme/css/style.css" />
<link rel="stylesheet" href="assets/gallery/style.css" />
<link
rel="stylesheet"
href="assets/custom/css/mbr-additional.css"
type="text/css"
/>
<!-- custom css -->
<link rel="stylesheet" href="assets/custom/css/style.css" type="text/css" />
</head>
<body>
<section class="cra-counter">
<nav class="navbar navbar-expand-sm fixed-top">
<div class="cra-font-white cra-font-air" id="d-day"></div>
</nav>
</section>
<section class="mbr-fullscreen mbr-parallax-background cra-gradient-color">
<div class="container align-left">
<div class="row justify-content-center cra-font-white">
<div class="cra-font-white col-md-12">
<!-- 타이핑 효과 시작 -->
<h4
class="mbr-section-subtitle align-left pb-2 display-typing typing cra-font-air"
style="display: inline; color: white"
>
<strong></strong>
</h4>
<!-- 타이핑 효과 끝 -->
<h1
class="mbr-section-title cra-font-white align-left display-logo cra-font-air"
style="color: rgb(238, 238, 238)"
>
24-2 <span class="cra-font-pro">CRA</span><br />RECRUITING
</h1>
<h5
class="mbr-section cra-font-white align-left display-logo cra-font-air"
style="color: rgb(238, 238, 238); font-size: medium"
>
모집 기간 : 1주차 금요일 08/30 23:59 까지
</h5>
<!-- <div class="mbr-section-btn align-left"><a class="btn btn-lg display-4 btn-apply cra-font-air" href="https://forms.gle/Vhqu8dTJNft1rx81A"><strong>지원하기!</strong></a></div> -->
<div class="mbr-section-btn align-left">
<a
class="btn btn-lg display-4 btn-apply cra-font-air"
href="#recruiting"
><strong>지원하기!</strong></a
>
</div>
<!-- TODO: 구글 폼으로 이동 -->
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cra-section cra-section-intro">
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
👩💻 Computer Research Association 👨💻
</h2>
<div class="media-container-row">
<div class="col-md-12">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air">
1995년 창립된 <span class="cra-font-pro">CRA</span>는 한동대학교
전산 교육과정에 기초하여 한 분야에 국한되지 않는 신기술을 공부하고
프로젝트와 세미나 등의 활동을 가지는 동아리입니다.<br />이렇게
습득한 지식과 기술을 ‘배워서 남 주자’ 실천을 위해 교내 인트라넷
커뮤니티, 택시 공유, 배달 애플리케이션 등을 개발하고 운영하고
있습니다. 방학 중 동아리원들은 팀 단위로 프로젝트를 진행하여 학기
중 수업 시간에서 접해볼 수 없었던 것들을 배우고 실제로
서비스해보는 기회를 가집니다. 또 매년 ‘큰모임’을 통해 선배들과
정기적인 교류활동을 가지고 있습니다.
</p>
</div>
</div>
</div>
</section>
<section
class="mbr-section article content1 cra-section section-intro"
id="history"
>
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
👣 HISTORY 👣
</h2>
<div class="media-container-row">
<div class="col-md-12 cra-font-air">
<ul>
<li>
<span class="cra-font-pro">1995 CRA (전산연구회) 창립 🎉</span>
</li>
<li>1997 인트라넷 1.0 초기 버전 완성 및 학교 배포</li>
<li>
1999 인트라넷 2.0 <span class="cra-font-pro">i2</span> 완성
</li>
<li>
1999 <span class="cra-font-pro">i2</span> - 정보통신 소프트웨어
공모대전 학생부 우수상 수상
</li>
<li>
2006 인트라넷 3.0 <span class="cra-font-pro">i3</span> 완성
</li>
<li>2010 Wizard XE - 제 1회 XE 공모전 대상 수상</li>
<li>
2011 '그룹지향형 소셜네트워크 서비스'공개 소프트웨어 개발자 대회
기업상 수상
<div class="cra-history">
인트라넷 i3 -> <span class="cra-font-pro">i7</span> 업그레이드
</div>
<div class="cra-history">하/동계 C 캠프 주관</div>
</li>
<li>
2012 제24회 글로벌 소프트웨어 공모대전 삼성SDS 사장상
<div class="cra-history">하/동계 C 캠프 주관</div>
<div class="cra-history">
공학교육페스티벌 한동대학교 대표 동아리 참가, 작품 출품(앤톡)
</div>
</li>
<li>
2013 동계 C 캠프 주관
<div class="cra-history">삼성 software membership 2기</div>
<div class="cra-history">
미래창조과학부 캠퍼스 CEO 육성사업, 게임
<span class="cra-font-pro">킹덤셀</span> 제작
</div>
</li>
<li>2014 동계 C 캠프 주관</li>
<li>
2015 전공체험활동 프로그램, 전산전자공학부 진행
<div class="cra-history">
동아리 홍보 및 리쿠르팅 플랫폼
<span class="cra-font-pro">iBelong</span> 웹 서비스 출시
</div>
<div class="cra-history">
학점 계산 서비스 <span class="cra-font-pro">iGrad</span> 웹
서비스 출시
</div>
</li>
<li>
2016 동계 C 캠프
<span class="cra-font-pro">"Come and C!"</span> 주관
<div class="cra-history">
택시 공유 서비스 <span class="cra-font-pro">아이택시</span> 웹
서비스 출시
</div>
<div class="cra-history">
강의 평가 시스템 <span class="cra-font-pro">SEAL</span> 웹
서비스 출시
</div>
<div class="cra-history">
전공체험활동 프로그램, 전산전자공학부 진행
</div>
</li>
<li>
2017 동계 C 캠프
<span class="cra-font-pro">"Why so ‘C’rious?"</span> 주관
<div class="cra-history">
기프티콘 서비스 <span class="cra-font-pro">i-gift</span> 웹
서비스 출시
</div>
<div class="cra-history">
전공체험활동 프로그램, 전산전자공학부 진행
</div>
</li>
<li>
2018 동계 C 캠프
<span class="cra-font-pro">'나우 유 C 미'</span> 주관
<div class="cra-history">
<span class="cra-font-pro">'CAKE - C언어 웹 에디터'</span>
경북대학교 SW전공동아리 전시회 우수상 수상
</div>
<div class="cra-history">
강의 평가 서비스 <span class="cra-font-pro">SEAL</span> 모바일
웹 리뉴얼
</div>
<div class="cra-history">
<span class="cra-font-pro">아이헝그리</span> iOS/Android 어플
출시
</div>
<div class="cra-history">
택시 공유 서비스
<span class="cra-font-pro">아이택시</span> iOS/Android 어플
출시
</div>
<div class="cra-history">
전공체험활동 프로그램, 전산전자공학부 진행
</div>
</li>
<li>
2019 동계 C 캠프
<span class="cra-font-pro">'하늘과 바람과 별과 C'</span> 주관
<div class="cra-history">
인트라넷 <span class="cra-font-pro">i7</span> 개발 리뉴얼
</div>
<div class="cra-history">
수강신청 도우미 <span class="cra-font-pro">histime</span> 웹
서비스 베타 출시
</div>
</li>
<li>
2020 동계 C 캠프
<span class="cra-font-pro">'선배들과 함께하는 C 캠프'</span>
주관
<div class="cra-history">
중고 거래 서비스
<span class="cra-font-pro">H-Safari </span> iOS/Android 어플
출시
</div>
</li>
<li>
2021 동계 C 캠프
<span class="cra-font-pro">'선배들과 함께하는 C 캠프'</span>
주관
<div class="cra-history">
수강신청 도우미 <span class="cra-font-pro">대학시간 </span> 웹
서비스 출시
</div>
<div class="cra-history">동계 신입 프로젝트</div>
<div class="cra-history">
주식 추천 애플리케이션
<span class="cra-font-pro">StocKid</span>
</div>
<div class="cra-history">
찬양팀 보조 애플리케이션
<span class="cra-font-pro">Haring</span>
</div>
<div class="cra-history">
대안학교 플랫폼 <span class="cra-font-pro">HILS</span>
</div>
<div class="cra-history">
스터디 매칭 플래폼 <span class="cra-font-pro">Smapp</span>
</div>
<div class="cra-history">
딥러닝 스터디
<span class="cra-font-pro">CIFAR Image Classifier</span>
</div>
</li>
<li>
2022 동계 DS 캠프
<span class="cra-font-pro">'선배들과 함께하는 DS 캠프'</span>
주관
<div class="cra-history">하계 신입 프로젝트</div>
<div class="cra-history">
한동인을 위한 런닝 애플리케이션
<span class="cra-font-pro">HRC</span>
</div>
<div class="cra-history">
<span class="cra-font-pro">중력렌즈효과 판별 서비스</span>
</div>
<div class="cra-history">
AR 얼굴인식 미니게임
<span class="cra-font-pro">ARMIGO~!</span>
</div>
<div class="cra-history">동계 신입 프로젝트</div>
<div class="cra-history">
한동인을 위한 배달음식 공동구매 애플리케이션
<span class="cra-font-pro">한밥</span>
</div>
</li>
<li>
2023 동계 DS 캠프
<span class="cra-font-pro">'선배들과 함께하는 DS 캠프'</span>
주관
<div class="cra-history">하계 신입 프로젝트</div>
<div class="cra-history">
온라인 이미지 스테이션 서비스
<span class="cra-font-pro">이미지 스테이션</span>
</div>
<div class="cra-history">
동아리 공연 예매 서비스
<span class="cra-font-pro">동공확장</span>
</div>
<div class="cra-history">
카드 사용 가맹점 지도 애플리케이션
<span class="cra-font-pro">카드MAP</span>
</div>
<div class="cra-history">동계 신입 프로젝트</div>
<div class="cra-history">
대학생 조별 과제 관리 애플리케이션
<span class="cra-font-pro">Team Check Mate</span>
</div>
<div class="cra-history">
뱀파이어 세계의 인간 가문 운영 게임
<span class="cra-font-pro">BloodStore</span>
</div>
<div class="cra-history">
CRA 동아리 애플리케이션
<span class="cra-font-pro">CRA</span>
</div>
</li>
<!-- 24년도 2학기 리크루팅때 작성-->
<li>
2024 동계 DS 캠프
<span class="cra-font-pro">'선배들과 함께하는 DS 캠프'</span>
주관
<div class="cra-history">하계 신입 프로젝트</div>
<div class="cra-history">
발전기 고장 해결 퍼즐 어드벤처 게임
<span class="cra-font-pro">Lazy Raccoon</span>
</div>
<div class="cra-history">
동아리 공연 예매 서비스
<span class="cra-font-pro">동공확장 2</span>
</div>
</li>
<li>
그 외 지속적으로 다수의 기술 세미나 주최 (인공지능, 웹개발, Git
노하우 등)
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cra-section cra-section-intro">
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
CRA는<br />탄탄하고 끈끈한 네트워크을 갖고 있습니다.
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
CRA는 1995년에 만들어진 동아리로서 졸업생을 포함하여 선후배간의
네트워크가 탄탄합니다.<br />
현재는 재학생 대략 50명, 졸업생 대략 200명으로 구성되어있으며
재학생들은 소속된 랩실도 다양하고 관심있는 분야도 다양하기
때문에 재학생 선배들로부터 많은 도움을 받을 수 있습니다.<br />
그리고 졸업 후에 CRA 끝이 아니라, 졸업생들은 판교/강남 등
계속해서 작은 모임을 가지고 있고
<span class="cra-font-pro cra-impact"
>매년 재학생/졸업생 모두가 모이는 '큰모임'이 진행됩니다.</span
><br />
졸업생 선배님들은 대기업, 공기업, 크고 작은 스타트업, 실리콘
밸리, 대학원 등 다양한 곳에서 일하시고 포지션 또한 개발자,
기획자, 디자이너, 연구원, 투자자 등 엄청나게 다양한 직군에
계시기 때문에 본인이 노력한다면 충분히 도움을 많이 받을 수
있습니다.
</p>
</div>
</div>
</div>
</div>
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
성장하기에 최고로 좋은 환경입니다.
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
성장을 하려면 주변에 좋은 자극을 줄 수 있는 사람들이 많아야
합니다. 선의의 경쟁을 펼쳐줄 동료들이 기다리고 있습니다.<br />
<span class="cra-font-pro">24시간 이용가능한 동방</span>에서
공부/개발을 하다가 모르는 것이 있으면 선배에게 물어보기도 하고
토론을 하기도 합니다.<br />
또한 교과목을 단순히 혼자서 공부하는 것이 아니라
<span class="cra-font-pro cra-impact"
>하브루타, "질문하고 토론하라!"</span
>라는 공부법으로 서로 배운 내용을 더욱 심도있게 탐구하고
토론합니다.<br />
CRA 구성원들끼리 다양한 개발자 meet up을 가기도 하고, 모여서
해커톤도 하고, 공모전에 참가하기도 합니다.<br />
</p>
</div>
</div>
</div>
</div>
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
리얼로다가! 개발을 합니다.
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
신입회원은 방학동안 프로젝트를 진행하게 됩니다.<br />
프로젝트 동안 선배의 가이드와 함께
<span class="cra-font-pro cra-impact"
>배우고자 하는 지식을 공부하고 실제로 프로젝트를 직접 기획하고
개발을 하는 프로세스</span
>가 진행됩니다.<br />
더 나아가서, 실제로 개발의 결과물을 바탕으로 서비스를 할 수도
있습니다. <br />
이때,
<span class="cra-font-pro"
>동방에 물리적 서버 여러 대가 있고 Play Store, App Store에도
CRA 개발자 계정이 있어 언제나 서비스를 배포할 수 있는
환경</span
>까지도 구축되어있습니다.<br />
또한 현재 서비스 중인 프로젝트에 투입이 되어 실제 개발
프로세스에 참여할 수도 있고 한동대학교 구성원 대다수가 사용하고
있는 서비스들이기 때문에, 실제로 서비스 중인 프로젝트를
유지보수하는 과정, 유저와 소통하는 법 등 학부생으로서 경험하기
쉽지 않은 것들을 할 수 있습니다.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="cra-section">
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
On-Going 👀
</h2>
<div class="row justify-content-center">
<div class="col-12 col-md-12 align-center">
<a
href="https://play.google.com/store/apps/details?id=com.cra.itaxi"
>
<img
class="align-center col-md-6 cra-img"
src="assets/images/22-2/itaxi.png"
/>
</a>
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
<span class="cra-font-pro">아이택시</span><br />
<!-- <span class="cra-font-pro">아이택시</span>는 한동 생활에 필수 어플입니다.<br> -->
한동인의 No.1 교통 애플리케이션입니다.<br />
많은 CRA 동아리원들의 노력으로 빚어졌으며, 현재에도 학기 중에
틈틈이 개발하고 있습니다.<br />
앞으로 합승 후 정산하기에 도움이 되도록 확장 준비중입니다.<br />
<a
href="https://play.google.com/store/apps/details?id=com.cra.itaxi"
><b style="color: red">안드로이드</b></a
><br />
<a href="https://apps.apple.com/kr/app/itaxi/id1641494245"
><b style="color: red">iOS</b></a
><br />
<span class="cra-font-pro"
>개발스택: Flutter, Firebase, GCP, AWS, Java Spring boot</span
>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<a
href="https://play.google.com/store/apps/details?id=com.CRA.hSafari"
>
<img
class="align-center col-md-6 cra-img"
src="assets/images/hsafari.png"
/>
</a>
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
<span class="cra-font-pro">H-Safari</span><br />
한동인들의 중고거래 플랫폼을 제공하는 서비스입니다.<br />
20-1학기 신입 방학 프로젝트 때 제작되었습니다.<br />
<a
href="https://play.google.com/store/apps/details?id=com.CRA.hSafari"
><b style="color: red">어플 다운받기</b></a
><br />
<span class="cra-font-pro"
>개발스택: Flutter, Node.js, Firebase</span
>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<a href="https://www.timetable.college/handong">
<img
class="align-center col-md-6 cra-img"
src="assets/images/timetable.png"
/>
</a>
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
<span class="cra-font-pro">대학 시간</span><br />
Histime 재개발 프로젝트입니다!<br />
재학생 중 천명이 넘게 사용하고 있으며, 재정비하여 2주차부터
서비스를 시작하려고 합니다.<br />
<!-- <a href = "https://www.timetable.college"> -->
<b style="color: red">홈페이지 준비 중</b>
<!-- </a> -->
<br />
<span class="cra-font-pro">개발스택: React, Node, MySQL</span>
</p>
</div>
</div>
</div>
</section>
<section class="cra-section">
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
24-1 Summer Project
</h2>
<div class="row justify-content-center">
<div class="col-12 col-md-12 align-center">
<img
class="align-center col-md-6 cra-img"
src="assets/images/24-1/intp3.png"
/>
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
<span class="cra-font-pro">Lazy Raccoon</span><br />
발전기 고장으로 인한 난방 문제를 해결하는 퍼즐 어드벤쳐 게임<br />
Unreal Engine을 통해 2D/3D hybrid game을 개발하고 있습니다.<br />
라쿤이 마을의 발전기 고장으로 인한 난방 문제를 해결하기 위해 여러 미니 게임을 하는 퍼즐 어드벤쳐 게임입니다.<br />
<span class="cra-font-pro">개발 스택: Unreal Engine</span>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<img
class="align-center col-md-6 cra-img"
src="assets/images/24-1/donggong.png"
/>
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
<span class="cra-font-pro">동공 확장2</span><br />
한동대 내 공연 동아리의 티켓 예매를 돕는 웹서비스입니다. <br />
23-1학기 방학 때 진행되었던 프로젝트를 이어받아 제작되었습니다. <br />
<span class="cra-font-pro">개발스택: React, Node.js</span>
</p>
</div>
</div>
</div>
</section>
<div id="recruiting"></div>
<section class="mbr-section article content1 cra-section cra-section-intro">
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
이런 사람과 함께 하고 싶어요 🧐
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
<span class="cra-font-pro">도전 의식</span>이 있는 사람<br />
<span class="cra-font-pro">함께 성장하고 싶은</span> 사람<br />
<span class="cra-font-pro">배우는 데 두려움이 없는</span>
사람<br />
많은 것을 <span class="cra-font-pro">배우고</span>, 많은 것을
<span class="cra-font-pro">나눠줄</span> 사람<br />
<span class="cra-font-pro">새내기</span>부터 고학번까지
<span class="cra-font-pro">개발자</span>,
<span class="cra-font-pro">디자이너</span> 모두 환영합니다.(학년
걱정하지 마세요.)<br />
</p>
</div>
</div>
</div>
</div>
<div class="container">
<h2
class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro"
>
반드시 해야해요 🙏🏼
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p
class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation"
>
<span class="cra-font-pro">하나. </span>신입 회원은 입부하는
학기 방학에 반드시
<span class="cra-font-pro">방학 프로젝트</span>를 해야합니다.<br />
<span class="cra-font-pro">둘. </span>신입 회원은 방학
프로젝트를 준비하는 매주 한 시간 가량의
<span class="cra-font-pro">스터디</span>에 참여해야 합니다.<br />
<span class="cra-font-pro">셋. </span>매학기
<span class="cra-font-pro">CRA 개강총회와 종강총회</span>에
반드시 참여해야합니다.<br />
</p>
</div>
</div>
</div>
</div>
<div class="mbr-section-btn align-center">
<h3
class="mbr-section-subtitle align-center pb-2 display-5 cra-font-black cra-font-air"
>
위의 사람에 해당한다면 아래 버튼을 눌러 바로 지원하세요!
</h3>
<a
class="btn btn-lg display-4 btn-apply cra-font-air cra-font-white cra-gradient-color cra-btn-apply"
href="https://forms.gle/ikfUGUwS1qngXZJY9"
target="_blank"
>
지원하기!
</a>
</div>
</section>
<section class="cra-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-12 align-center">
<h3
class="mbr-section-subtitle align-center pb-2 display-5 cra-font-air"
>
더 궁금하신 것이 있으시다면
</h3>
<h2 class="mbr-section-title align-center display-2 cra-font-pro">
아래의 오픈 채팅방으로 들어오세요!<br />성심성의껏
답변해드리겠습니다.
</h2>
<a href="https://open.kakao.com/o/s5XGe5Jg" target="_blank">
<img
style="width: 30%"
src="assets/images/kakaoOpenChatQR/kakaoOpenChatQRcode24-2.jpeg"
/>
<h3
class="mbr-section-subtitle align-center pb-2 display-5 cra-font-air"
>
클릭하셔도 됩니다.
</h3>
</a>
</div>
</div>
</div>
</section>
<!-- footer -->
<section class="cra-footer cra-gradient-color">
<div class="container">
<div class="row align-left justify-content-left align-items-center">
<div class="col-sm-12 col-lg-4 mbr-text mbr-light cra-font-white">
<p class="footer-p display-bot cra-font-pro">CRA</p>
<br />
<p class="footer-p display-7 cra-font-air">
한동대학교 학생회관 206호
</p>
<br />
<p class="footer-p display-bot cra-font-air">DEVELOPED BY CRA</p>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/masonry/masonry.pkgd.min.js"></script>
<script src="assets/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script>
<!-- <script src="assets/parallax/jarallax.min.js"></script> -->
<script src="assets/theme/js/script.js"></script>
<!-- <script src="assets/gallery/player.min.js"></script> -->
<script src="assets/gallery/script.js"></script>
<!-- unityping -->
<script src="assets/web/assets/unityping/unityping.js"></script>
<script>
// Month - start from 0 (0 - Jan, 11 - Dec)
var countDownDate = new Date(2024, 7, 30, 23, 59).getTime(); // 1초마다 갱신되도록 함수 생성,실행
var x = setInterval(function () {
// 오늘 날짜 등록
var now = new Date().getTime(); // 종료일자에서 현재일자를 뺀 시간
var distance = countDownDate - now;
var d = Math.floor(distance / (1000 * 60 * 60 * 24));
var h = Math.floor(
(distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
);
var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var s = Math.floor((distance % (1000 * 60)) / 1000);
var innerHtmlContent =
d < 0
? "지원이 마감되었습니다."
: "지원마감까지 " +
d +
"일 " +
h +
"시간 " +
m +
"분 " +
s +
"초 남았습니다.";
document.getElementById("d-day").innerHTML = innerHtmlContent;
});
$(function () {
$(".typing").unityping({
string: [
"크으으으으으으으으으으으으으으랑",
"고학번도 새내기도 모두 환영",
"Computer Research Association",
],
typingSpeed: 1000, // 타/분 (CPM; Characters per Minute)
startDelay: 1000, // ms
backSpeed: 50, // ms
backDelay: 1000, // ms
});
});
</script>
</body>
</html>