forked from RyanFitzgerald/devportfolio
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
923 lines (903 loc) · 46.3 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
<!DOCTYPE html>
<html class="no-js" 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">
<title>K.J.Cheong Portfolio</title>
<meta name="description" content="Kyung-Jae Cheong's Portfolio">
<meta name="author" content="KyungJae Cheong">
<meta property="og:title" content="K.J.Cheong Portfolio">
<meta property="og:url" content="https://kyungjaecheong.github.io/">
<meta property="og:type" content="website">
<meta property="og:description" content="Kyung-Jae Cheong's Portfolio">
<meta property="og:image" content="https://kyungjaecheong.github.io/images/og-img.jpg">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<div id="mobile-menu-open" class="shadow-large">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<!-- End #mobile-menu-toggle -->
<header class="sticky">
<div id="mobile-menu-close">
<span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
</div>
<ul id="menu" class="shadow">
<li>
<a href="#lead" class="no-scroll"><b>KJ.Ch Portfolio</b></a>
</li>
<li>
<a href="#about" class="no-scroll">About me</a>
</li>
<li>
<a href="#skills" class="no-scroll">Skills</a>
</li>
<li>
<a href="#education" class="no-scroll">Education</a>
</li>
<li>
<a href="#contact" class="no-scroll">Contact</a>
</li>
<br>
<li>
<a href="#projects" class="no-scroll"><b>Projects</b></a>
</li>
<li>
<a href="#kor-DEEP" class="no-scroll">Kor-DEEPression</a>
</li>
<li>
<a href="#Alz-MCI" class="no-scroll">Alzheimer & MCI</a>
</li>
<li>
<a href="#Seoul-FP" class="no-scroll">Seoul FP-Weather</a>
</li>
</ul>
</header>
<!-- End header -->
<div id="lead">
<div id="lead-content">
<br>
<h1>- 정경재 -</h1>
<h2>Daniel Cheong</h2>
<h1>Kyung-Jae Cheong</h1>
<br>
<h2>AI Engineer<br>Data Scientist</h2>
<a href="https://github.com/kyungjaecheong" target="_blank" class="btn-rounded-white">
<i class="fa fa-github" aria-hidden="true"></i>
Github Page
</a>
<br><br>
<a href="#contact" class="btn-rounded-white">
Contact
</a>
</div>
<!-- End #lead-content -->
<div id="lead-overlay"></div>
<div id="lead-down">
<span>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</span>
</div>
<!-- End #lead-down -->
</div>
<!-- End #lead -->
<div id="about">
<div class="container">
<div class="row">
<div class="col-md-4">
<h2 class="heading">ABOUT ME</h2>
</div>
<div class="col-md-8">
<h2>AI 전문가를 꿈꾸는 DataScientist</h2>
<p>
안녕하세요. 늘 배움과 새로움을 추구하는 AI 꿈나무입니다.<br>
Hi there, I'm an AI Dreamer who always pursues Learning and Newness.
</p>
<br>
<p>
성실함과 꼼꼼한 성격, 꾸준한 공부 습관이 저의 장점입니다.<br>
Sincerity, Meticulous personality, and Steady study habits are my strengths.
</p>
<br>
<p>
저의 주된 관심 분야는 AI를 헬스케어와 의료분야에 적용하는 것입니다.<br>
My main interest is to apply AI to Healthcare and Medical fields.
</p>
</div>
</div>
</div>
</div>
<!-- End #about -->
<div id="skills" class="background-alt">
<h2 class="heading">Skills</h2>
<h3>Programming & Markup Language</h3>
<ul>
<li>Python</li>
<li>SQL</li>
<li>HTML5</li>
<li>CSS3</li>
</ul>
<h3>IDE & Environment</h3>
<ul>
<li>VSCode</li>
<li>Jupyter</li>
<li>Anaconda</li>
<li>Docker</li>
</ul>
<h3>Data Analysis</h3>
<ul>
<li>Numpy</li>
<li>Pandas</li>
<li>Scipy</li>
<li>Sympy</li>
<li>Pyarrow</li>
</ul>
<h3>Visualization Analysis</h3>
<ul>
<li>Matplotlib</li>
<li>Seaborn</li>
<li>Looker</li>
<li>Tableau</li>
<li>Plotly</li>
</ul>
<h3>Machine & Deep Learning</h3>
<ul>
<li>Scikit-Learn</li>
<li>XGBoost</li>
<li>LightGBM</li>
<li>Tensorflow</li>
<li>Keras</li>
<li>Spacy</li>
</ul>
<h3>Database & Cloud DB</h3>
<ul>
<li>SQLite</li>
<li>PostgreSQL</li>
<li>MongoDB</li>
<li>Amazon AWS</li>
<li>Amazon RDS</li>
</ul>
<h3>Deployment & Web Framework</h3>
<ul>
<li>Bootstrap</li>
<li>Flask</li>
<li>Heroku</li>
<li>Koyeb</li>
</ul>
</div>
<!-- End #skills -->
<div id="education">
<h2 class="heading">Experience</h2>
<div class="education-block">
<h3>Algorigo Inc.</h3>
<span class="education-date">April 2023 - Now</span>
<h4>(주)알고리고<br></h4>
<h4>Machine Learning (ML) Engineer<br>직책 : 연구원 (머신러닝)</h4>
<p>
- 압력센서 데이터기반 시계열 데이터분석 시스템 개발<br>
- 전기자동차 인캐빈 생체신호 모니터링 시스템 개발
</p>
</div>
<!-- End .education-block -->
<br>
<h2 class="heading">Education</h2>
<div class="education-block">
<h3>Yonsei University</h3>
<span class="education-date">March 2010 - August 2017</span>
<h4>Bachelor of Science in Systems Biology<br>(minor in Psychology)</h4>
<p>
연세대학교 생명시스템대학<br>시스템생물학 학사 졸업<br>(심리학 부전공)
</p>
</div>
<!-- End .education-block -->
<br>
<h2 class="heading">Training</h2>
<div class="education-block">
<h3>Yonsei-NaverCloud</h3>
<span class="education-date">July 2021 - August 2021</span>
<h4>Data Science Basic Course</h4>
<p>
연세-네이버클라우드<br>데이터사이언스 기초과정 수료
</p>
</div>
<!-- End .education-block -->
<div class="education-block">
<h3>Codestates</h3>
<span class="education-date">August 2022 - February 2023</span>
<h4>AI Bootcamp 15th</h4>
<p>
코드스테이츠 AI 부트캠프 15기 수료
</p>
</div>
<!-- End .education-block -->
</div>
<!-- End #education -->
<div id="projects" class="background-alt">
<h2 class="heading">Projects</h2>
<div class="container">
<div class="row">
<div class="project no-image shadow-large" style="padding: 60px 15px;">
<div class="project-info">
<div class="col-sm-12">
<h3 style="background-color: #ccc;">주요 프로젝트<br>Major Projects</h3>
</div>
<div class="col-sm-4">
<h4><b>Kor-DEEPression</b></h4>
한국형 우울증 딥러닝 예측<br>진단 프로그램 개발 및 배포<br>
<br>
<a href="#kor-DEEP" class="btn-rounded-gray">
<img src="images/Kor-DEEP-icon.png">
Kor-DEEPression
</a>
</div>
<div class="col-sm-4">
<h4><b>Alzheimer-MCI</b></h4>
딥러닝 기반 알츠하이머 및<br>경도인지장애 진단 모델 개발<br>
<br>
<a href="#Alz-MCI" class="btn-rounded-gray">
<img src="images/alz-logo-36.jpg" style="width: 16px; height: 16px;">
Alzheimer-MCI
</a>
</div>
<div class="col-sm-4">
<h4><b>Seoul-FP-Weather</b></h4>
서울시 월별 날씨기반 식중독<br>예상 환자 수 예측 프로그램<br>
<br>
<a href="#Seoul-FP" class="btn-rounded-gray">
<img src="images/fp-weather-icon.png" style="width: 16px; height: 16px;">
Seoul-FP-Weather
</a>
</div>
<div class="col-sm-12">
<br><br>
<h3 style="background-color: #ccc;">More Projects</h3>
</div>
<div class="col-sm-4">
<h4><b>Codestates AIB Project<br>(DS-track)</b></h4>
0과 1을 분류하는<br>인공신경망 프로그래밍<br>
<br>
<a href="https://github.com/kyungjaecheong/Binary_ANN_Programming" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<br>
<a href="https://velog.io/@dankj1991/Codestates-Project-CP1-DS-track-ANNBinaryClassification" target="_blank">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</div>
<div class="col-sm-4">
<h4><b>Hypertension<br>Predictive Model</b></h4>
머신러닝 기반<br>한국형 고혈압 예측 모델<br>
<br>
<a href="https://github.com/kyungjaecheong/Project-Hypertension-Predictive-Model" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<br>
<a href="https://velog.io/@dankj1991/Project-%ED%95%9C%EA%B5%AD%ED%98%95-%EA%B3%A0%ED%98%88%EC%95%95-%EC%98%88%EC%B8%A1-%EB%AA%A8%EB%8D%B8-%EA%B0%9C%EB%B0%9C-1-Intro-Data-Preparation" target="_blank">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</div>
<div class="col-sm-4">
<h4><b>Codestates AIB Project<br>(DS,DA)</b></h4>
비디오 게임 트렌드 분석<br>및 통계 분석 프로젝트<br>
<br>
<a href="https://github.com/kyungjaecheong/Project-GamePlanning" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<br>
<a href="https://velog.io/@dankj1991/Project-Video-Game-%EA%B8%B0%ED%9A%8D-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8" target="_blank">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</div>
</div>
</div>
<div class="project no-image shadow-large" id="kor-DEEP" style="padding: 120px 15px 30px 15px;">
<div class="project-info">
<h3 style="background-color: #ccc;">
<br>
Kor-DEEPression
<br><br>
</h3>
<p>
2023.01 ~ 2023.02<br>
(개인 프로젝트)
</p>
<img src="images/Kor-DEEP.jpg" style="width:160px; height:160px"/>
<h4>
한국형 우울증 딥러닝 예측 진단 프로그램 개발 및 배포<br>
Korean Depression Deep-Learning Model and Diagnosis Program
</h4>
<a href="https://kor-deepression-kyungjaecheong.koyeb.app/" target="_blank" class="btn-rounded-gray">
<img src="images/Kor-DEEP-icon.png">
Web Page
</a>
<br><br><br>
<h3 style="background-color: #ccc;">프로젝트 개요<br>(Outline)</h3>
<p>
국민건강영양조사 데이터를 통해<br>
<b>우울증 및 주요우울장애(MDD)</b>를<br>
진단하는 <b>딥러닝 모델을 개발</b>하고<br>
프로그램을 <b>웹페이지로 배포</b>하는<br>
풀스택 딥러닝 프로젝트<br>
<b>(Full-Stack DL Project)</b>
</p>
<a href="https://github.com/kyungjaecheong/Kor-DEEPression" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<br><br>
<a href="https://velog.io/@dankj1991/Project-Kor-DEEPression" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
<br><br><br>
<div class="col-sm-6">
<h3 style="background-color: #ccc;">기획의도<br>(Intention)</h3>
<br>
<p>
우울증 고위험군 예측은<br>
<b>우울증 예방</b>에 있어서<br>
매우 중요한 문제입니다.<br>
<br>
하지만<br>
대다수의 우울증 환자들은<br>
<b>증세가 심해진 이후에 검사를<br>
실시</b>하는 경우가 많습니다.<br>
<br>
따라서<br>
간단한 문진만으로<br>
<b>우울증과 주요우울장애</b>를<br>
진단하는 <b>딥러닝 모델을 구현</b><br>
하고, <b>웹페이지로 배포</b>하는<br>
프로젝트를 기획하고<br>
진행하게 되었습니다.
</p>
<br>
</div>
<div class="col-sm-6">
<h3 style="background-color: #ccc;">절차 & 기술<br>(Procedure)</h3>
<p>
주요 개발 언어 : <b>Python</b>
</p>
<p>
<b>[ 데이터 수집 & Cloud DB ]</b><br>
SPSS, Pandas,<br>
PostgreSQL
</p>
<p>
<b>[ 시각화 분석 & 대시보드 ]</b><br>
Pandas, Numpy,<br>
Matplotlib, Seaborn,<br>
Plotly,<br>
Google Looker Studio
</p>
<p>
<b>[ ML / DL 모델링 ]</b><br>
Scikit-Learn, LightGBM,<br>
Tensorflow, Keras
</p>
<p>
<b>[ Deployment (배포) ]</b><br>
Tensorflow-lite,<br>
Bootstrap (HTML5, CSS3)<br>
Flask, Gunicorn, Koyeb
</p>
<br>
</div>
<div class="col-sm-12">
<img src="images/k-deep-pipeline.jpg" style="width:100%;">
<br><br><br><br>
</div>
<div class="col-sm-12">
<h3 style="background-color: #ccc;">프로젝트 결과물<br>(Results)</h3>
<p>
웹페이지 링크<br>
<a href="https://kor-deepression-kyungjaecheong.koyeb.app/" target="_blank" class="btn-rounded-gray">
<img src="images/Kor-DEEP-icon.png">
Web Page
</a>
<br><br>
</p>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-7">
<img src="images/k-deep-result-desktop.jpg" style="width:100%;">
<br><br>
</div>
<div class="col-sm-3">
<img src="images/k-deep-result-mobile.jpg" style="width:100%;">
<br><br>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-6">
<br>
<h3 style="background-color: #ccc;">소스코드<br>(Source Code)</h3>
<p>
아래 링크를 통해<br>프로젝트의 소스코드를<br>확인하실 수 있습니다<br>
<br>
<a href="https://github.com/kyungjaecheong/Kor-DEEPression" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
</p>
<br>
</div>
<div class="col-sm-6">
<br>
<h3 style="background-color: #ccc;">프로젝트 세부과정<br>(Details)</h3>
<p>
프로젝트의 진행 과정의<br>세부 내용들을 기록해둔<br>블로그 링크입니다<br>
<br>
<a href="https://velog.io/@dankj1991/Project-Kor-DEEPression" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</p>
<br>
</div>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-image">
<img src="images/aib-logo-300.png" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3 style="background-color: #ccc;">
Codestates AIB Project (DS-track)
</h3>
<p>
2023.01 (개인 프로젝트)
</p>
<h3>0과 1을 분류하는 인공신경망 프로그래밍</h3>
<p>
제한된 라이브러리(numpy,pandas,csv,matplotlib)로 <b>인공신경망</b>을 구현하는 Codestates AIB DataScientist 프로젝트
<br><br>
<a href="https://github.com/kyungjaecheong/Binary_ANN_Programming" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<a href="https://velog.io/@dankj1991/Codestates-Project-CP1-DS-track-ANNBinaryClassification" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</p>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project no-image shadow-large" id="Alz-MCI" style="padding: 120px 15px 30px 15px;">
<div class="project-info">
<h3 style="background-color: #ccc;">
Alzheimer & MCI<br>
Deep-Learning<br>
Diagnosis Model
</h3>
<p>
2022.12 (개인 프로젝트)
</p>
<img src="images/brain-alz.jpg" style="width:50%; min-width:200px; max-width:500px;"/>
<h4>
딥러닝 기반 알츠하이머 및 경도인지장애(MCI) 진단 모델 개발<br>
Deep Learning based Alzheimer and MCI Diagnosis Model
</h4>
<h3 style="background-color: #ccc;">프로젝트 개요<br>(Outline)</h3>
<p>
<b>합성곱 신경망(CNN)</b>을 통해<br>
ADNI Brain MRI 이미지를<br>
<b>알츠하이머와 경도인지장애</b>로<br>
분류하는 모델을 구현하는<br>
딥러닝 프로젝트<br>
<b>(DL Project)</b>
</p>
<a href="https://github.com/kyungjaecheong/Alzheimer_MCI-CNN_Classifier" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<br><br>
<a href="https://velog.io/@dankj1991/Project-Alzheimer-MCI-Deep-Learning-Diagnosis-Model-1-Intro-Metadata" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
<br><br><br>
<div class="col-sm-6">
<h3 style="background-color: #ccc;">기획의도<br>(Intention)</h3>
<p>
급속한 고령화로 인해<br>
치매 유병률을 계속 상승할<br>
것으로 전망되고 있기 때문에<br>
<b>경도인지장애 진단을 통한<br>
치매 예방</b>은 상당히<br>
중요한 문제입니다.<br>
<br>
또한 알츠하이머 진단에서<br>
가장 중요한 <b>뇌촬영 검사</b>는<br>
<b>일반적인 통계적 방법으로는<br>
진단에 어려움</b>이 있습니다.<br>
<br>
따라서<br>
<b>합성곱 신경망(CNN)을 통한<br>
알츠하이머와 경도인지장애<br>
예측 진단 모델</b>을 통해서<br>
보다 <b>정확한 치매 진단</b>과<br>
<b>치매 예방</b>에 기여하고자<br>
본 프로젝트를 기획하고<br>
진행하게 되었습니다.
</p>
<br>
</div>
<div class="col-sm-6">
<h3 style="background-color: #ccc;">절차 & 기술<br>(Procedure)</h3><br>
<p>
주요 개발 언어 : <b>Python</b>
</p><br>
<p>
<b>[ 주요 개발 툴 ]</b><br>
VSCode, Jupyter,<br>
Google Colab
</p><br>
<p>
<b>[ Data 처리 & 시각화 ]</b><br>
Pandas, Numpy,<br>
Matplotlib, Seaborn,<br>
Plotly,<br>
Google Looker Studio,<br>
Scikit-Learn
</p><br>
<p>
<b>[ Deep-Learning 모델링 ]</b><br>
Tensorflow, Keras<br>
ResNet50V2,<br>
Keras-tuner
</p>
<br>
</div>
<div class="col-sm-12">
<img src="images/brain-alz-pipeline.png" style="width:100%;">
<br><br><br><br>
</div>
<div class="col-sm-12">
<h3 style="background-color: #ccc;">프로젝트 결과물<br>(Results)</h3>
<h4>Meta-Data 시각화 분석</h4>
<p>
Meta-data Dashboard<br>
<a href="https://datastudio.google.com/s/t6TpK5bx214" target="_blank" class="btn-rounded-gray">
<img src="https://ssl.gstatic.com/datastudio/latest/static_images/pngs/favicon_looker_studio.png" style="width: 16px; height: 16px;">
Looker Studio
</a>
<br><br>
</p>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div id="dash-area">
<iframe id="dash-content" src="https://lookerstudio.google.com/embed/reporting/87b08095-367c-4a9f-801e-df1be42b900b/page/WjU9C" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<br><br>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-7">
<h4>최종 CNN 모델 학습 결과</h4>
<img src="images/brain-alz-result.png" style="width: 100%; min-width:200px; max-width:768px;">
<br><br><br>
</div>
<div class="col-sm-5">
<h4>최종 CNN 모델 예측 결과</h4>
<img src="images/brain-alz-results.png" style="width: 100%; min-width:200px; max-width:768px;">
<br><br><br>
</div>
<div class="col-sm-6">
<br>
<h3 style="background-color: #ccc;">소스코드<br>(Source Code)</h3>
<p>
아래 링크를 통해<br>프로젝트의 소스코드를<br>확인하실 수 있습니다<br>
<br>
<a href="https://github.com/kyungjaecheong/Alzheimer_MCI-CNN_Classifier" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
</p>
<br>
</div>
<div class="col-sm-6">
<br>
<h3 style="background-color: #ccc;">프로젝트 세부과정<br>(Details)</h3>
<p>
프로젝트의 진행 과정의<br>세부 내용들을 기록해둔<br>블로그 링크입니다<br>
<br>
<a href="https://velog.io/@dankj1991/Project-Alzheimer-MCI-Deep-Learning-Diagnosis-Model-1-Intro-Metadata" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</p>
<br>
</div>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project no-image shadow-large" id="Seoul-FP" style="padding: 120px 15px 30px 15px;">
<div class="project-info">
<h3 style="background-color: #ccc;">
<br>
Seoul FP-Weather
<br><br>
</h3>
<p>
2022.11 (개인 프로젝트)
</p>
<img src="images/fp-weather.jpg" style="width:50%; min-width:200px; max-width:500px;"/>
<h4>
서울시 월별 날씨기반 식중독 환자수 예측 프로그램<br>
Seoul Food-Posisoning Prediction Program by Weather
</h4>
<a href="https://fpweather-kyungjaecheong.koyeb.app/" target="_blank" class="btn-rounded-gray">
<img src="images/fp-weather-icon.png" style="width: 16px; height: 16px;">
Web Page
</a>
<br><br><br>
<h3 style="background-color: #ccc;">프로젝트 개요<br>(Outline)</h3>
<p>
서울시 월간 기상정보를 기반으로<br>
<b>서울시 월간 식중독 환자수</b>를<br>
예측하는 <b>회귀 모델을 개발</b>하고<br>
프로그램을 <b>웹페이지로 배포</b>하는<br>
풀스택 머신러닝 프로젝트<br>
<b>(Full-Stack ML Project)</b>
</p>
<a href="https://github.com/kyungjaecheong/Seoul-FP-Weather" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<br><br>
<a href="https://velog.io/@dankj1991/Project-Seoul-FP-Weather-%EB%82%A0%EC%94%A8-%EA%B8%B0%EB%B0%98-%EC%84%9C%EC%9A%B8-%EC%8B%9D%EC%A4%91%EB%8F%85-%ED%99%98%EC%9E%90-%EC%88%98-%EC%98%88%EC%B8%A1-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8-1-Introduction-Database" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
<br><br><br>
<div class="col-sm-6">
<h3 style="background-color: #ccc;">기획의도<br>(Intention)</h3>
<br>
<p>
식중독은 기상 요인과 연관이<br>
깊다고 알려져 있습니다.<br>
<br>
따라서<br>
<b>날씨 정보를 통해<br>
식중독 예상 환자 수를<br>
인공지능으로 예측할 수<br>
있지 않을까?</b>라는<br>
질문으로부터 프로젝트를<br>
기획하게 되었고, 웹배포까지<br>
진행하게 되었습니다.<br>
<br>
날씨는 지역에 따라<br>
차이가 심하기 때문에<br>
가장 인구가 밀집 되어있는<br>
서울특별시의 기상정보로<br>
API 데이터를 수집하여<br>
프로젝트를 진행하였습니다.
</p>
<br>
</div>
<div class="col-sm-6">
<h3 style="background-color: #ccc;">절차 & 기술<br>(Procedure)</h3>
<p>
주요 개발 언어 : <b>Python</b>
</p>
<p>
<b>[ 데이터 수집 & Cloud DB ]</b><br>
Numpy, Pandas,<br>
requests,<br>
PostgreSQL,<br>
Amazon AWS,<br>
Amazon RDS
</p>
<p>
<b>[ ML 모델링 ]</b><br>
Scikit-Learn, LightGBM
</p>
<p>
<b>[ 시각화 분석 & 대시보드 ]</b><br>
Matplotlib, Seaborn,<br>
Google Looker Studio,<br>
Tableau public
</p>
<p>
<b>[ Deployment (배포) ]</b><br>
Bootstrap (HTML5, CSS3)<br>
Flask, Gunicorn,<br>
Heroku, Koyeb
</p>
<br>
</div>
<div class="col-sm-12">
<img src="images/fp-weather-pipeline.png" style="width:100%;">
<br><br><br><br>
</div>
<div class="col-sm-12">
<h3 style="background-color: #ccc;">프로젝트 결과물<br>(Results)</h3>
<p>
웹페이지 링크<br>
<a href="https://fpweather-kyungjaecheong.koyeb.app/" target="_blank" class="btn-rounded-gray">
<img src="images/fp-weather-icon.png" style="width: 16px; height: 16px;">
Web Page
</a>
<br><br>
</p>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-6">
<img src="images/fp-weather-desktop.jpg" style="width:100%;">
<br><br>
</div>
<div class="col-sm-4">
<img src="images/fp-weather-mobile.jpg" style="width:100%;">
<br><br>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-6">
<br>
<h3 style="background-color: #ccc;">소스코드<br>(Source Code)</h3>
<p>
아래 링크를 통해<br>프로젝트의 소스코드를<br>확인하실 수 있습니다<br>
<br>
<a href="https://github.com/kyungjaecheong/Seoul-FP-Weather" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
</p>
<br>
</div>
<div class="col-sm-6">
<br>
<h3 style="background-color: #ccc;">프로젝트 세부과정<br>(Details)</h3>
<p>
프로젝트의 진행 과정의<br>세부 내용들을 기록해둔<br>블로그 링크입니다<br>
<br>
<a href="https://velog.io/@dankj1991/Project-Seoul-FP-Weather-%EB%82%A0%EC%94%A8-%EA%B8%B0%EB%B0%98-%EC%84%9C%EC%9A%B8-%EC%8B%9D%EC%A4%91%EB%8F%85-%ED%99%98%EC%9E%90-%EC%88%98-%EC%98%88%EC%B8%A1-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8-1-Introduction-Database" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</p>
<br>
</div>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-image">
<img src="images/hypertension.jpg" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3 style="background-color: #ccc;">
Hypertension Predictive Model
</h3>
<p>
2022.09 (개인 프로젝트)
</p>
<h3>한국형 고혈압 예측 모델 개발</h3>
<p>
국민건강영양조사 데이터를 기반으로 <b>고혈압 머신러닝 예측모델</b>을 구현하고 <b>진단기준(유럽vs미국)</b>별로 비교분석하는 프로젝트
<br><br>
<a href="https://github.com/kyungjaecheong/Project-Hypertension-Predictive-Model" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<a href="https://velog.io/@dankj1991/Project-%ED%95%9C%EA%B5%AD%ED%98%95-%EA%B3%A0%ED%98%88%EC%95%95-%EC%98%88%EC%B8%A1-%EB%AA%A8%EB%8D%B8-%EA%B0%9C%EB%B0%9C-1-Intro-Data-Preparation" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</p>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-image">
<img src="images/aib-logo-300.png" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3 style="background-color: #ccc;">
Codestates AIB Project (DS,DA)
</h3>
<p>
2022.08 (개인 프로젝트)
</p>
<h3>Video Game 기획 프로젝트</h3>
<p>
<b>"다음 분기에 어떤 게임을 설계해야 할까?"</b>라는 주제로 실시한 Codestates AIB Data Science & Data Analysis 프로젝트
<br><br>
<a href="https://github.com/kyungjaecheong/Project-GamePlanning" target="_blank" class="btn-rounded-gray">
<i class="fa fa-github" aria-hidden="true"></i>
Github Repo
</a>
<a href="https://velog.io/@dankj1991/Project-Video-Game-%EA%B8%B0%ED%9A%8D-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8" target="_blank" class="btn-rounded-gray">
<img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 16px; height: 16px;">
Tech Blog
</a>
</p>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
</div>
</div>
</div>
<!-- End #projects -->
<div id="contact">
<h1>Contact</h1>
<h2>정경재</h2>
<h3>Kyung Jae Cheong<br>Daniel Cheong</h3>
<h2>E-mail</h2>
<a href="mailto:[email protected]" target="_blank" class="btn-rounded-white">
<img src="https://www.naver.com/favicon.ico?1" style="width: 24px; height: 24px;"> NAVER MAIL
</a>
<br>
<br><br>
<a href="mailto:[email protected]" target="_blank" class="btn-rounded-white">
<img src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico" style="width: 24px; height: 24px;"> G-MAIL
</a>
<br>
<br><br><br><br>
<a href="#" class="btn-rounded-white">
Back to Top
</a>
<br><br>
<!-- End #contact-form -->
</div>
<!-- End #contact -->
<footer>
<div class="container">
<div class="row">
<div class="col-sm-5 copyright">
<p>
© <span id="current-year">2022</span>. Kyung-Jae Cheong
</p>
</div>
<div class="col-sm-2 top">
<span id="to-top">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</span>
</div>
<div class="col-sm-5 social">
<ul>
<li>
<a href="https://github.com/kyungjaecheong" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://velog.io/@dankj1991" target="_blank"><img src="https://static.velog.io/favicons/favicon-32x32.png" style="width: 32px; height: 32px;"></a>
</li>
<li>
<a href="https://www.linkedin.com/in/kyungjae-cheong/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/scripts.min.js"></script>
</body>
</html>