[KEDUIT] 클라우드 컴퓨팅과 보안솔루션을 활용한 DC 엔지니어 양성교육 - Day42
1. 서론
오늘은 HTML과 CSS, 그리고 Samba 서버를 다루는 법에 대하여 배워보았다.
2. 본론
1. Front-End
<!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>Document</title>
</head>
<body>
<form>
<fieldset>
<legend>신상정보</legend>
<tr>
<td>
<table for="username">
아이디
<td>
<input id="username" type="text" name="user" />
</td>
</table>
</td>
</tr>
<tr>
<td>
<table for="password">
비밀번호
</table>
</td>
<td>
<input id="password" type="password" name="pwr" />
</td>
</tr>
<table>
<tr>
<td>성별</td>
<td>
<input id="man" type="radio" name="gender" value="m" />
<label for="man">남자</label>
<input id="woman" type="radio" name="gender" value="w" />
<label for="woman">여자</label>
</td>
</tr>
</table>
</fieldset>
</form>
<fieldset>
<legend>선택사항</legend>
<table>
<tr>
<td>선택</td>
<td>
<select>
<option>김밥</option>
<option>제육</option>
<option>불고기</option>
</select>
</td>
</tr>
</table>
<table>
<tr>
<td>다중</td>
<td>
<select multiple>
<option>김밥</option>
<option>제육</option>
<option>불고기</option>
</select>
</td>
</tr>
</table>
<!--tr>td*2-->
<table>
<tr>
<td>그룹</td>
<td>
<select>
<optgroup label="수업">
<option>1교시</option>
<option>2교시</option>
<option>3교시</option>
</optgroup>
<optgroup label="요일">
<option>월</option>
<option>화</option>
<option>수</option>
</optgroup>
</select>
</td>
</tr>
</table>
<input type="submit" value="가입" />
</fieldset>
<fieldset>
<legend>입력 양식</legend>
<table>
<tr>
<td><label for="name">이름</label></td>
<td><input id="name" type="text" /></td>
</tr>
<tr>
<td><label for="mail">이메일</label></td>
<td><input id="mail" type="email" /></td>
</tr>
</table>
<input type="submit" />
</fieldset>
</body>
</html>
<!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>HTML5 기본 프로젝트</title>
</head>
<body>
<header>
<h1>HTML5 Example Preview</h1>
<h2>한국정보교육원</h2>
</header>
<nav>
<div>
<ul>
<li>HTML5</li>
<ul>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
</ul>
<li>CSS3</li>
<ul>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
</ul>
<li>JavaScript</li>
<ul>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
</ul>
</ul>
</div>
<div>
<div>
<form>
<input type="text" />
<input type="submit" value="가입" />
</form>
</div>
</div>
</nav>
<div>
<section>
<article>
<h1>HTML5 개요와 활용</h1>
<h3>2023년 4월 5일</h3>
<img src="http://placehold.it/430x280" alt="no_image" width="430" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga
deserunt cupiditate aperiam quasi incidunt, ab sit aut commodi
consequuntur possimus illo facere deleniti nobis, ipsam modi!
Necessitatibus, non. Et, corrupti! Aut delectus harum doloribus ab
laboriosam incidunt unde, nulla suscipit sapiente repellat
doloremque pariatur et quisquam qui quia!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga
deserunt cupiditate aperiam quasi incidunt, ab sit aut commodi
consequuntur possimus illo facere deleniti nobis, ipsam modi!
Necessitatibus, non. Et, corrupti! Aut delectus harum doloribus ab
laboriosam incidunt unde, nulla suscipit sapiente repellat
doloremque pariatur et quisquam qui quia!
</p>
</article>
<hr />
<article>
<h1>HTML5 개요와 활용</h1>
<h3>2023년 4월 5일</h3>
<img src="http://placehold.it/430x280" alt="no_image" width="430" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga
deserunt cupiditate aperiam quasi incidunt, ab sit aut commodi
consequuntur possimus illo facere deleniti nobis, ipsam modi!
Necessitatibus, non. Et, corrupti! Aut delectus harum doloribus ab
laboriosam incidunt unde, nulla suscipit sapiente repellat
doloremque pariatur et quisquam qui quia!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga
deserunt cupiditate aperiam quasi incidunt, ab sit aut commodi
consequuntur possimus illo facere deleniti nobis, ipsam modi!
Necessitatibus, non. Et, corrupti! Aut delectus harum doloribus ab
laboriosam incidunt unde, nulla suscipit sapiente repellat
doloremque pariatur et quisquam qui quia!
</p>
</article>
</section>
<aside>
<div>
<ul>
<li>
<h3>카테고리</h3>
<ul>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
</ul>
</li>
</ul>
</div>
<div>
<ul>
<li>
<h3>최근글</h3>
<ul>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
<li><a href="#">데이터</a></li>
</ul>
</li>
</ul>
</div>
</aside>
</div>
<hr />
<footer>
<span><a href="#">Created By Team-keduit</a></span>
</footer>
</body>
</html>
2. Linux
2-1. Telnet
# dnf install -y telnet*.*
# dnf list installed | grep telnet*.*
# systemctl enable --now telnet.socket
# firewall-cmd --add-service=telnet --permanent
# firewall-cmd --reload
# firewall-cmd --list-all | grep telnet
# systemctl restart telnet.socket
2-2. Samba
//Win as a Samba Server, Linux as a Samba Client
//Win
1. Windows 기능 켜기/끄기 -> SMB 모두 설치
2. win + r
-> compmgmt.msc
-> 로컬 사용자 및 그룹
-> 새사용자 (다음 로그온시~, 계정 잠겨 있음~ 둘다 체크 해제)
3. C:\share 생성 후 공유 -> root(읽기/쓰기)
//Centos
# dnf install -y samba-client
# smbclient -U root -L 10.5.1.24 //Samba 서버의 공유폴더 확인
# mount -t cifs //10.5.1.24/myshare /temp -o username=root -o password=1234
# ls -ltr /temp //공유된 파일 확인
3. 결론
시간이 너무 빠르다.
4. 참고자료
1. 자료
- 문웅호, 정보통신망
2. Cisco Docs
- ARP
- CDP / VLAN
- Frame Relay
- Static Routing
- VLAN
- VTP
- Routed Port
- AD
- Route Selection
- FHRP
- HSRP
- DHCP
- DNS
- STP
- NAT
- EtherChannel
- DTP
- RIP
- NTP
- Offset List
- Password Encryption
- ACL
- CAR Attack
- Broadcast
- Port Assignments
- IPv6 Static Routing
- HSRP for IPv6
- Clock Rate
- DHCPv6 Guard
- EIGRP
- Express Forwarding
- Routing and Switching
- Load Balancing
- Ping, Traceroute
- Load Balancing
- Fast Switching
- CEF
- DNS
- SSH
- Regular Expression
- OSPF
- EIGRP’s SIA
3. Linux
- rhel9’s docs
- Linux Directory Structure
- File Types in Linux
- fstab
- Vim Cheat Sheet
- Protecting GRUB with a password
- SELinux
- DNS
- Samba as a server
4. Web
- HTML’s Elements
- Emmet
- JavaScript
- Anchor Tag
- Post, Get
- Block, Inline Elements
- Semantic Web
- Semantic Elements
- CSS
클라우드 엔지니어를 꿈꾸며 공부를 시작한 초보 엔지니어입니다. 틀린점 또는 조언해주실 부분이 있으시면 친절하게 댓글 부탁드립니다. 방문해 주셔서 감사합니다 :)
댓글남기기