[KEDUIT] 클라우드 컴퓨팅과 보안솔루션을 활용한 DC 엔지니어 양성교육 - Day43
1. 서론
오늘은 CSS를 배우고, EIGRP와 OSPF 상호간 재분배가 일어날 때 생길 수 있는 문제들을 해결해 보았다.
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>
<style>
#header > h1 {
color: blue;
}
#section > h1 {
color: orange;
}
table > tbody > tr > th {
color: red;
}
#reactor:active {
color: blue;
}
input:enabled {
background-color: white;
}
input:disabled {
background-color: antiquewhite;
}
input:focus {
background-color: aqua;
}
li {
list-style: none;
float: left;
padding: 15px;
}
li:first-child {
border-radius: 10px 0 0 10px;
}
li:last-child {
border-radius: 10px 30px 40px 20px;
}
li:nth-child(2n) {
font-size: 1.5em;
background-color: rgb(
rgb(110, 57, 57),
rgb(55, 122, 55),
rgb(138, 138, 168)
);
}
li:nth-child(2n + 1) {
font-size: 2em;
background-color: purple;
}
.input_image {
background-image: url(wildlife.png);
}
.make_box {
width: 100px;
height: 100px;
background-color: purple;
border: 10px solid yellow;
margin: 100px;
padding: 20px 40px;
}
#box {
display: none;
}
#box2 {
display: block;
}
#box3 {
display: inline;
}
#box4 {
display: inline-block;
width: 100px;
height: 50px;
background-color: purple;
}
</style>
</head>
<body>
<!--id, class 선택자-->
<div id="header">
<h1 class="title">Lorem ipsum dolor sit amet.</h1>
<div id="nav">
<h1>Navigation</h1>
</div>
</div>
<div id="section">
<h1 class="title">Lorem, ipsum.</h1>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<!--테이블에 구성에 tbody 있는것 확인-->
<!--table>tr>th*2-->
<table border="1">
<tr>
<th>이름</th>
<th>지역</th>
</tr>
<!--tr>td*2-->
<tr>
<td>홍길동</td>
<td>서울시 어딘가</td>
</tr>
</table>
<hr />
<!--input 활성 요소에 따라 css적용-->
<h1 id="reactor">반응선택자</h1>
<h2>사용가능</h2>
<input />
<h2>사용불가능</h2>
<input disabled />
<hr />
<!--list의 child selector를 통해 각각 css 적용-->
<ul>
<li>일번</li>
<li>이번</li>
<li>삼번</li>
<li>사번</li>
<li>오번</li>
<li>육번</li>
</ul>
<br />
<br />
<br />
<br />
<hr />
<!--배경 이미지 적용-->
<p class="input_image">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Enim nemo
necessitatibus beatae tempore, facere ducimus laboriosam doloribus amet
blanditiis! Corrupti consectetur hic harum aspernatur mollitia vitae
cumque, odit fuga praesentium. Porro tempora vero temporibus, impedit
tempore eos blanditiis sunt perferendis reprehenderit doloremque excepturi
reiciendis a dolorem esse adipisci consectetur corporis ut culpa placeat
enim eaque? Quia molestias ipsum animi esse. Tenetur magni accusamus
tempore animi rerum commodi maxime libero quidem nisi praesentium
eligendi, quia assumenda voluptatum nesciunt voluptatem ad sapiente.
Magnam veritatis ipsam dicta ad explicabo aliquam fuga, corrupti aliquid?
Ipsam similique, officia minima ut iste et nam nobis, impedit numquam
omnis aspernatur atque dolores, sint dolor quos. Odio minima illo quidem
ad hic eligendi repellendus incidunt aliquam, enim temporibus. Quaerat a
rerum nisi sapiente saepe nostrum accusantium culpa! Perspiciatis, iusto
sequi! Qui eius, repellendus nisi culpa voluptate est unde illo neque eos
harum sunt, vel iusto commodi. Dolorem, commodi. Rerum inventore
distinctio, vitae at magnam, ipsam aspernatur illum, suscipit asperiores
dolorum dolor laudantium culpa harum quisquam corrupti omnis beatae
commodi odit minima optio sapiente? Quae quisquam corrupti assumenda
tempore! Veniam velit at officia accusantium repudiandae natus quia. Ipsam
provident itaque alias, est odit illum assumenda maiores suscipit
corporis, aperiam placeat sed similique necessitatibus fugit voluptate
cum, sequi non aliquam?
</p>
<!--border, margin, padding 활용-->
<div class="make_box"></div>
<hr />
<!--display 지정에 따른 변화-->
<span>더미객체</span>
<div id="box">대상객체</div>
<span>더미객체</span>
<br /><br /><br /><br />
<hr />
<span>더미객체</span>
<div id="box2">대상객체</div>
<span>더미객체</span>
<br /><br /><br /><br />
<hr />
<span>더미객체</span>
<div id="box3">대상객체</div>
<span>더미객체</span>
<br /><br /><br /><br />
<hr />
<span>더미객체</span>
<div id="box4">대상객체</div>
<span>더미객체</span>
<br /><br /><br /><br />
<hr />
</body>
</html>
2. Cisco IOS
1. Basic
//All
# cont
# no ip domain look
!
# line c 0
# logging sync
# exec-t 0
!
# int s1/0
# no sh
# clock rate 64000
# encap fram
# no fram inverse
2. Mapping
//R1
# int lo0
# ip add 6.6.1.1 255.255.255.0
!
# int s1/0
# ip add 6.6.12.1 255.255.255.0
# fram map ip 6.6.12.2 102 br
//R2
# int lo0
# ip add 6.6.2.2 255.255.255.0
!
# int s1/0.12 m
# ip add 6.6.12.1 255.255.255.0
# fram map ip 6.6.12.1 201 br
!
# int s1/0.23 m
# ip add 6.6.23.2 255.255.255.0
# fram map ip 6.6.23.3 203 br
//R3
# int lo0
# ip add 6.6.3.3 255.255.255.0
!
# int s1/0.23 m
# ip add 6.6.23.3 255.255.255.0
# fram map ip 6.6.23.2 302 br
!
# int s1/0.34 p
# ip add 6.6.34.3 255.255.255.0
# fram inter 304
//R4
# int lo0
# ip add 6.6.4.4 255.255.255.0
!
# int s1/0.34 p
# ip add 6.6.34.4 255.255.255.0
# fram inter 403
3. EIGRP
//R2
# router eigrp 6
# no auto
# network 6.6.23.2 0.0.0.0
//R3
# router eigrp 6
# eigrp router-id 6.6.3.3
# no auto
# pass lo0
# network 6.6.23.3 0.0.0.0
# network 6.6.34.3 0.0.0.0
# network 6.6.3.3 0.0.0.0
//R4
# router eigrp 6
# eigrp router-id 6.6.4.4
# no auto
# pass lo0
# network 6.6.4.4 0.0.0.0
# network 6.6.34.4 0.0.0.0
4. OSPF(DR, BDR 선출하도록)
//R1
# router ospf 6
# router-id 6.6.1.1
# network 6.6.1.1 0.0.0.0
# network 6.6.12.1 0.0.0.0
!
# int s1/0
# ip ospf network broadcast
//R2
# rotuer ospf 6
# rotuer-id 6.6.1.1
# network 6.6.2.2 0.0.0.0
# network 6.6.12.2 0.0.0.0
!
# int s1/0.12
# ip ospf network broadcast
5. Redistribution
//R2
# router ospf 6
# redistribute eigrp 6 subnets
# router eigrp 6
# redistribute ospf 6 1544 2000 255 1 1500 //R2's s1/0.23 데이터 사용
6. Summary
//R2
# int s1/0.23
# ip summary-address eigrp 6 6.6.0.0 255.255.240.0
7. 상호 Redistribution 문제 해결
7-1. route-map 사용(네트워크가 추가될때마다 루트맵에 추가해야해서 불편)
//R2
# conf t
# ip prefix-list EIGRP_NET permit 6.6.3.0/24
# ip prefix-list EIGRP_NET permit 6.6.4.0/24
# ip prefix-list EIGRP_NET permit 6.6.23.0/24
# ip prefix-list EIGRP_NET permit 6.6.34.0/24
!
# route-map EIGRP_NET
# match ip address prefix-list EIGRP_NET
!
# router ospf 6
# no redistribute eigrp 6 metrics
# redistribute eigrp 6 subnets route-map EIGRP_NET
!
# int lo0
# ip ospf network point-to-point
//R1
# int lo0
# ip ospf network point-to-point
7-2. distribute-list 사용.
//R2
# router ospf 6
# redistribute eigrp 6 metrics
# distribute-list prefix OVER_WRITE out eigrp 6
!
# ip prefix-list OVER_WRITE deny 6.6.0.0/20
# ip prefix-list OVER_WRITE permit 0.0.0.0/0 le 32
3. 결론
쉽지 않다.
4. 참고자료
1. 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
2. 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
3. Web
- HTML’s Elements
- Emmet
- JavaScript
- Anchor Tag
- Post, Get
- Block, Inline Elements
- Semantic Web
- Semantic Elements
- CSS
클라우드 엔지니어를 꿈꾸며 공부를 시작한 초보 엔지니어입니다. 틀린점 또는 조언해주실 부분이 있으시면 친절하게 댓글 부탁드립니다. 방문해 주셔서 감사합니다 :)
댓글남기기