-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathme.html
More file actions
186 lines (176 loc) · 10.4 KB
/
Copy pathme.html
File metadata and controls
186 lines (176 loc) · 10.4 KB
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>나의 소개</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/simple-sidebar.css" rel="stylesheet">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- 메뉴 토글 기능-->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
</style>
</head>
<body>
<div id="wrapper">
<!-- 사이드바 -->
<div id="sidebar-wrapper">
<!-- 사이드바 메뉴 css -->
<ul class="sidebar-nav">
<li class="sidebar-brand"><a href="./main.html">나의 소개 홈페이지</a></li>
<li><a href = "./me.html">나</a></li>
<li><a href = "./friends.html">가족/친구</a></li>
<li><a href = "./memory.html">추억</a></li>
<li><a href = "./hobby.html">취미</a></li>
<li><a href = "./tresure.html">보물지도</a></li>
</ul>
</div>
<br>
<body class="w3-light-grey">
<!-- Page Container -->
<div class="w3-content w3-margin-top" style="max-width:1400px;">
<!-- The Grid -->
<div class="w3-row-padding">
<!-- Left Column -->
<div class="w3-third">
<div class="w3-white w3-text-grey w3-card-4">
<div class="w3-display-container">
<img src="내소개.jpg" style="width:100%; padding-left:100px; padding-right:100px">
<div class="w3-display-topleft w3-container"><h2><b>안 재 영</b></h2></div>
</div>
<br>
<div class="w3-container">
<p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Program Launguage</b></p>
<p>C++</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:40%">
<div class="w3-center w3-text-white">40%</div>
</div>
</div>
<p>C#</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:30%">
<div class="w3-center w3-text-white">30%</div>
</div>
</div>
<p>C</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:50%">
<div class="w3-center w3-text-white">50%</div>
</div>
</div>
<p>Java</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:30%">
<div class="w3-center w3-text-white">30%</div>
</div>
</div>
<p>Ruby on Rails</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:70%">
<div class="w3-center w3-text-white">70%</div>
</div>
</div>
<p>HTML</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:50%">
<div class="w3-center w3-text-white">50%</div>
</div>
</div>
<p>JavaScript</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:40%">
<div class="w3-center w3-text-white">40%</div>
</div>
</div>
<p>CSS</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:40%">
<div class="w3-center w3-text-white">40%</div>
</div>
</div>
<p>Swift</p>
<div class="w3-progress-container w3-round-xlarge w3-small">
<div class="w3-progressbar w3-round-xlarge w3-teal" style="width:20%">
<div class="w3-center w3-text-white">20%</div>
</div>
</div>
<br>
</div>
</div>
<br>
<!-- End Left Column -->
</div>
<!-- Right Column -->
<div class="w3-twothird">
<div class="w3-container w3-card-2 w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16">자기 소개</h2>
<div class="w3-container">
<p>
저의 목표는 네트워크 관리자입니다.<br>
네트워크 관리자는 코딩이 주 업무가 아니지만 서버-클라이언트 간의 통신을 주로 모니터링하게 되고, 패킷들이 어떤 흐름으로 흘러가는지를 알아야하기 때문에
코딩을 직접하는 것은 아니지만 이 코드가 어떻게 구성되어있는지는 알 수 있어야합니다.<br> 또한 서버-클라이언트 통신을 하는 플랫폼들은 점점 늘어가고 있어서
서버도 직접 장비를 구축하는 것이 아닌 클라우드 형태를 띄고 있으며, 클라이언트의 플랫폼 또한 이전에는 PC한가지였다면 지금은 <b>태블릿, 모바일, PC, 심지어는
게임 콘솔장비</b>까지 통신을 하고 있습니다.<br>
이 모든 플랫폼들의 통신패킷을 분석하고 통제하기 위해 여러가지 언어 및 IDE들을 배우고 있으며 앞으로 더욱 확장해 나갈 수 있을 것입니다.
</p>
</div>
</div>
<div class="w3-two">
<div class="w3-container w3-card-2 w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>경력 사항</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>단국대학교 </b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2010년 3월 ~ <span class="w3-tag w3-teal w3-round">현재</span></h6>
<p>3학년 재학 중</p>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>테스트 E&C</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2014년 11월 ~ 2015년 1월</h6>
<p>삼성 갤럭시 앱스토어 및 갤럭시 S6 출시 전 테스트</p>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>NHN Entertainment</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2015년 5월</h6>
<p>IP카메라 개발 테스팅</p><br>
</div>
</div>
</div>
<div class="w3-two">
<div class="w3-container w3-card-2 w3-white w3-margin-top">
<h2 class="w3-text-grey w3-padding-10"><i class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Contact</h2>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Seoul, Gwanak</p>
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>854575@mail.com</p>
<p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>010-9497-5996</p>
<p>
<a href="#"><i class="fa fa-facebook-official fa-fw w3-margin-right w3-large w3-text-teal"></i></a>
<a href="#"><i class="fa fa-instagram fa-fw w3-margin-right w3-large w3-text-teal"></i></a>
<a href="#"><i class="fa fa-snapchat fa-fw w3-margin-right w3-large w3-text-teal"></i></a>
<a href="#"><i class="fa fa-pinterest-p fa-fw w3-margin-right w3-large w3-text-teal"></i></a>
<a href="#"><i class="fa fa-twitter fa-fw w3-margin-right w3-large w3-text-teal"></i></a>
<a href="#"><i class="fa fa-linkedin fa-fw w3-margin-right w3-large w3-text-teal"></i></a>
</p>
</div>
</div>
</div>
<!-- End Right Column -->
</div>
<!-- End Grid -->
</div>
<!-- End Page Container -->
<a href="toggle_menu" class="btn btn-default w3-display-bottonleft" id="toggle_menu">메뉴 숨기기</a>
</div>
<!-- 메뉴 토글 버튼 -->
<script>
$("#toggle_menu").click(function(e)
{
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>