-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (116 loc) · 7.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
<!DOCTYPE html>
<html>
<head>
<title>ByungSoo Kim - SPA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/c2ef19e703.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<!-- google font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=IBM+Plex+Sans+KR:wght@200;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="router.js"></script>
</head>
<body>
<nav>
<ul class="navigation">
<li class="navigationElem"><a href="#Introduction" class="selected">Introduction</a></li>
<li class="navigationElem"><a href="#Interest">Interest</a></li>
<li class="navigationElem"><a href="#Hobby-Activities">Hobby&Activities</a></li>
</ul>
</nav>
<hr style = "width:100%; height: 3px; border: none; background-color: rgb(255, 255, 255, 0.5);">
<div class = "frame">
<div id="content">
<div id="Introduction" class="page">
<div class="Introduction_Section">
<img class="Profile_Picture" src="./picture/POTATO.png" style="max-width: 100%; height: 100%;">
<div class="Introduction_Text">
<h4>BYUNGSOO KIM</h4>
<p>논리적인 알고리즘과 창의적인 아이디어만 있으면
원하는 프로그램을 만들 수 있다는 것이 좋아서
컴퓨터공학과에 진학하게 되었습니다. 1학년 때는
응용 프로그램, 서버, 네트워크, 어플리케이션 등등
여러 분야를 알아가다가 하루에도 수백만번씩 이상
보게 되는 웹사이트를 만든다면 많은 사람에게 재미있고
유용한 걸 보여주면 어떨까? 해서 웹 개발에 관심을 두게 되었습니다.
그리고 웹 페이지에 예쁘게 디자인 된 버튼이나 위젯들을 보고 직접 만들고
싶어서 UX/UI도 공부할 예정입니다.</p>
<h4>TECH STACK</h4>
<p>C language<br> Python<br> JAVA <br> HTML, CSS</p>
</div>
</div>
</div>
<div id="Interest" class="page">
<div class = "Interest_Section">
<div class = "logoImg">
<img class="springLogo" src ="./picture/springLogo.png" style="max-width: 100%; height: 100%;">
<div class = "Interest_Text">
<h4> Bakcend</h4>
<p>아직 개발을 직접하는 단계는 아니지만 웹 애플리케이션이나 모바일 앱과
같은 소프트웨어의 뒷단을 구축하고 개발하는 것에 흥미를 가지고 있어 백엔드
프레임워크를 공부 중입니다. 그중에서 'spring'과 'django'를 공부를 진행하고
있습니다.
</p>
</div>
</div>
<br><br>
<div class = "logoImg">
<img class="unityLogo" src ="./picture/unityLogo.png" style="max-width: 100%; height: 100%;">
<div class = "Interest_Text">
<h4> Game Develop</h4>
<p>게임 개발은 창의적인 아이디어와 상상력을 현실화하는 과정입니다. 게임을 개발함으로써
자신의 창의성과 아이디어를 게임 세계에 구현할 수 있다는게 마음에 들었습니다. 또한 사용자들에게
흥미로운 스토리, 도적적인 퍼즐, 멋진 그래픽 등을 제공할 수 있습니다. 나의 능력으로
사용자들에게 즐거움과 만족감을 주는 경험을 제공하는 것이 좋아 unity엔진을 공부할 예정입니다.
</p>
</div>
</div>
</div>
</div>
<div id="Hobby-Activities" class="page">
<div class="Hobby-Activities_Section">
<img class="backjunPage" src ="./picture/backjunPage.png" style="max-width: 100%; height: 100%;">
<img class="githubPage" src ="./picture//githubPage.png" style="max-width: 100%; height: 100%;"">
<div class = "Hobby-Activities_Text">
<h4> 1일 1커밋</h4>
<p> 일명 '잔디 꾸미기'로 컴퓨터의 폴더에 따로 저장하지 않고, 외부 저장공간에 자신이 코딩했던 자료들을 커밋하는 것입니다.
하루하루 꾸준히 커밋을 위의 사진처럼 커밋수에 따라 연한 녹색에서 진한 녹색으로 그려집니다. 이걸 꾸준히 하다보면
어느새 셀들이 녹색으로 가득 채워지는데 마치 잔디 같이 생겼다하여 '잔디 꾸미기'라고 합니다. 가득 채워진 셀들을 보면
꾸준함과 성취감이 들어서 취미로 하고 있습니다.
</p>
</div>
<hr style = "width:100%; height: 3px; border: none; background-color: rgb(255, 255, 255, 0.5);">
<br>
<img class="meossaPage" src ="./picture/meossa.png" style="max-width: 100%; height: 100%;">
<div class = "Hobby-Activities_Text">
<h4> 동아리 활동</h4>
<p> 웹프로그래밍에 관심이 있어 연합 코딩 동아리인 '멋쟁이 사자처럼'에서 활동하고 있습니다.
동아리 내에서 원하는 사람끼리 모여 협업 프로젝트를 하거나 '아이디어해커톤', '중앙해커톤'등 다양한 활동을 할 수 있습니다.
Warm up프로젝트로 팀페이지와 개인프페이지를 만드는 프로젝트를 해봤습니다. 처음 협업 프로젝트라 많은 시행착오가 있었지만
앞으로 많이 해야하는 것이기 때문에 좋은 경험을 쌓을 수 있었습니다.
<br>
<a href="https://likelion11-kangwon.github.io/Team_5/"><img class="warmupPage" src="./picture/warmup.png" ></a>
</p>
</div>
</div>
</div>
</div>
<hr style = "width:100%; height: 3px; border: none; background-color: rgb(255, 255, 255, 0.5);">
<!--픽토그램-->
<footer>
<div class="sns-pictogram">
<a href="https://github.com/GamJaDo"><i class ="fa-brands fa-square-github fa-4x"></i></a>
<a href="https://www.instagram.com/structures_byungsoo/"><i class ="fa-brands fa-square-instagram fa-4x"></i></a>
<a href="https://www.codeup.kr/userinfo.php?user=rlaqudtn0615"><i class ="fa-solid fa-terminal fa-4x"></i></a>
<a href="https://www.acmicpc.net/user/rlaqudtn0615"><i class ="fa-solid fa-code fa-4x"></i></a>
</div>
<br>
<p class="comment">Click this Pictogram✨<br>
:then, you can go to My SNS Page</p>
</footer>
</div>
</body>
</html>