-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsub2.html
More file actions
157 lines (141 loc) · 4.71 KB
/
sub2.html
File metadata and controls
157 lines (141 loc) · 4.71 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
<!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">
<title>채용공고 | 삼성전기</title>
<link rel="stylesheet" href="css/import.css" />
<link rel="stylesheet" href="css/sub2.css"/>
<script defer src="js/main.js"></script>
</head>
<body>
<!-- 본문 바로가기 -->
<div id="skipNavi"><a href="#container">본문으로 바로가기</a></div>
<!-- //본문 바로가기 -->
<hr />
<div id="wrap">
<!-- header -->
<div id="header">
</div>
<!-- //header -->
<hr />
<!-- container -->
<div id="container">
<!-- spot -->
<div class="spot">
<!-- spot_inner -->
<div class="spot_inner">
<h2>채용공고</h2>
<p>삼성전기의 채용공고 및 안내를 확인하실 수 있습니다.</p>
<p class="path">홈 > 인재채용 > 채용정보 >
채용공고</p>
</div>
<!-- //spot_inner -->
</div>
<!-- //spot -->
<!-- content -->
<div id="content">
<p class="info">해당 채용공고를 클릭하시면 상세 공고내용을 보실 수 있습니다.</p>
<table class="job">
<caption class="blind">채용공고</caption>
<thead>
<tr>
<th scope="col">번호</th>
<th scope="col">제목</th>
<th scope="col">접수기간</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">삼성전기 경력사원 채용 공고</a></td>
<td>2021.12.29 ~ 2022.01.16</td>
</tr>
</tbody>
</table>
<div class="recruit">
<p>-박사급 및 경력사원은 지원이 가능하며, 국내 및 해외 박사학위 취득(예정)자 및 우수 경력인력을 모십니다.</p>
<p>-첨부 지원서 양식을 다운로드하여 주요 연구경력 및 전공 분야를 기술한 경력 소개서를 작성 후 채용담당자 이메일 주소로 지원 바랍니다.</p>
<div class="recruit_btn">
<p>채용담당자 이메일 : [email protected]</p>
<a href="#">지원자 양식 다운로드</a>
</div>
</div>
<div class="faq">
<p>채용과 관련된 질문들은 FAQ에서 빠르게 확인 가능합니다.</p>
<a href="#">채용 FAQ</a>
</div>
</div>
</div>
<!-- //container -->
<hr/>
<!-- faq -->
<!-- //content -->
<hr/>
<!-- footer -->
<div id="footer">
</div>
<!-- //footer -->
</div>
<script>
// AJAX의 최신 Fetch API 사용해서
// HTML 문서안에서 다른 html문서 불러오기
// 자바스크립트 비동기 방식으로 async await
async function fetchHtmlAsText(url) {
const response = await fetch(url);
return await response.text();
}
async function importPage(target) {
document.querySelector('#' + target).innerHTML = await fetchHtmlAsText(target + '.html');
}
importPage('header');
importPage('footer');
</script>
</body>
</html>