fix: 레이아웃 변경 및 홈 화면에 불필요한 이미지 제거

Author: rha6780

_layouts/home.html

@@ -26,10 +26,9 @@
   });
 </script> -->
 
+<!-- <a href="https://solved.ac/rha6780"><img src="http://mazassumnida.wtf/api/v2/generate_badge?boj=rha6780"></a>
+<img src="https://github-readme-stats.vercel.app/api?username=rha6780&count_private=true&show_icons=true"> -->
 
-<a href="https://solved.ac/rha6780"><img src="http://mazassumnida.wtf/api/v2/generate_badge?boj=rha6780"></a>
-
-<img src="https://github-readme-stats.vercel.app/api?username=rha6780&count_private=true&show_icons=true">
 
 {{ content }}
 

_posts/network/2023-12-25-network-base.md

@@ -19,68 +19,57 @@ tags:
 
 <br>
 
-
 **네트워크란?**
 
 네트워크(Network)는 Net + Work 의 합성어로써 컴퓨터들이 그물망처럼 연결된 통신 형태를 의미한다. 이러한 통신 형태는 다양한 종류가 있는데, 통신망을 통해서 좀 더 이해해보자.
 
-
 <br>
 <br>
 
 ### 통신망
 
-통신망이란 통신을 하기 위해 연결한 형태를 의미하는데, 통신 연결을 위해 교환기, 노드 등이 사용됩니다. 
+통신망이란 통신을 하기 위해 연결한 형태를 의미하는데, 통신 연결을 위해 교환기, 노드 등이 사용됩니다.
 
 <br>
 
+<p align="center">
 <img width="751" alt="Screenshot_2023-12-25_at_11 50 43_PM" src="https://github.com/rha6780/rha6780.github.io/assets/47859845/16d8e944-68cc-4fd8-a0a7-6496d59ba1c2">
+</p>
 
 <br>
 
-위에서 나온 것 처럼 호스트(노드), 교환기, 게이트 웨이 간의 연결이된 모습을 볼 수 있다. 교환기는 위와 같이 호스트 사이를 연결하여 통신을 도와주고, 게이트 웨이는 네트워크 간의 연결을 통해 A 네트워크의 호스트와 B 네트워크의 호스트 간의 통신을 도와준다.
+위에서 나온 것 처럼 호스트(노드), 교환기, 게이트 웨이 간의 연결이된 모습을 볼 수 있다. 교환기는 위와 같이 호스트 사이를 연결하여 통신을 도와주고, 게이트 웨이는 네트워크 간의 연결을 통해 A 네트워크의 호스트와 B 네트워크의 호스트 간의 통신을 도와준다. 그렇다고 호스트와 호스트간 1:1 통신만 이뤄지는 것은 아니고, 1:N, N:M 통신도 이루어질 수 있다. 교환기는 각 호스트들의 메세지를 저속으로 받고, 고속으로 다른 교환기에 전송한다. 이때 교환기가 모든 메세지를 동시에 처리할 수 없기 때문에 아래와 같이 시분할, 주파수 분할, 통계적 시분할 방식 등으로 처리한다.
+
+**교환기 통신**
+
+<p align="center">
+<img width="654" alt="Screenshot 2024-03-09 at 4 05 28 PM" src="https://github.com/rha6780/rha6780.github.io/assets/47859845/9641a947-49cf-4c08-aa83-d131ab789cdf">
+</p>
 
 <br>
 
-그렇다고 호스트와 호스트간 1:1 통신만 이뤄지는 것은 아니고, 1:N, N:M 통신도 이루어질 수 있다. 이건 추후 MAC 과 프로토콜 도입전에 한번 정리하도록 하겠다.
+**시분할**
+
+
+
 
 <br>
 
 ### **네트워크 종류**
 
-
 **규모에 따른 종류**
 
 네트워크는 연결 범위(규모)에 대해서 다음과 같은 종류가 있습니다. 위에서 아래로 갈수록 더 넓은 범위의 네트워크를 의미합니다.
 
-![network](https://github.com/rha6780/rha6780.github.io/assets/47859845/b8b20af6-20aa-42aa-9201-d033c6ee2a17)
+<p align="center">
+<img width="600" alt="Screenshot_2023-12-25_at_11 50 43_PM" src="https://github.com/rha6780/rha6780.github.io/assets/47859845/b8b20af6-20aa-42aa-9201-d033c6ee2a17">
+</p>
 
-- PAN ( Personal Area Network ) : 가장 작은 규모의 초 근거리 네트워크
+- PAN ( Personal Area Network ) : 가장 작은 규모의 초 근거리 네트워크(블루투스 등)
 - LAN ( Local Area Network ) : 근거리 영역 네트워크
 - MAN (Metropolitan Area Network) : 대도시 영역 네트워크
 - WAN (Wide Ares Network) : 광대역 네트워크
 
-<br>
-
-### 네트워크 통신 기술
-
-위 그림에서 2가지에 대해서 간단히 알아보고 가자.
-
-<br>
-
-**PAN -** **IEEE 802.15**
-
-초 큰거리 네트워크의 해당하는 통신 기술로, 가장 많이 사용되는 것으로는 블루투스가 있다. 총 7가지 테스크로 나누어져 있는데, 간단히 소개하자면 다음과 같다.
-
-- **IEEE 802.15.1 :** 블루투스
-- **IEEE 802.15.2 :** WPAN(근거리 무선 통신) 및 WLAN을 동시에 사용, 상호 간섭 해소 등 공존 (Co-existence) 예를들면, 2.4GHz대에서 802.11b 기기 및 Bluetooth 기기와의 공존
-- **IEEE 802.15.3 :** 고속으로 데이터를 전송하기 위한 기술
-- **IEEE 802.15.4 :** 저속의,저전력,저가형 WPAN (ex: 지그비 - 센서 네트워크에 이점)
-- **IEEE 802.15.5 :** 메쉬 네트워크(망형 네트워크) 구성
-- **IEEE 802.15.6 :** 보디 에어리어 네트워크
-- **IEEE 802.15.7 :** 가시광선 통신
-
-
 <br>
 
 **LAN - IEEE 802.11**
@@ -89,7 +78,6 @@ tags:
 
 무선랜과 와이파이는 동일한 개념은 아니고, 무선랜이 무선 네트워크 통신이라는 개념이라면, 와이파이는 무선랜 통신 규격중 하나로 Wireless Fidelity의 줄임말 인 wi-fi 이다. 현재 대부분의 무선랜이 와이파이 규격을 사용하고 있어 중요하지 않지만, 무선랜이 좀 더 넓은 개념임을 인지하자.
 
-
 <br>
 <br>
 
@@ -111,15 +99,12 @@ tags:
 
 - 버스형 : 중앙에 메인 회선(버스)에 여러 호스트가 연결되는 형태로 중간에 호스트 추가가 쉽고 저렴하지만, 장애 발생시 위치 추적 및 해결이 어려울 수 있다.
 
-
 이와 같이 간단히 네트워크와 네트워크 종류에 대해서 이야기 해보았다 다음에는 호스트간의 연결과 스위치 라우터등에 대해 정리하도록 하겠다.
 
-
 <br>
 <br>
 
 이미지 출처 : 구글 검색
 
-
 <br>
 <br>

_sass/minimal-mistakes/_archive.scss

@@ -9,12 +9,12 @@
   @include breakpoint($large) {
     float: right;
     width: calc(100% - #{$right-sidebar-width-narrow});
-    padding-right: $right-sidebar-width-narrow;
+    // padding-right: $right-sidebar-width-narrow;
   }
 
   @include breakpoint($x-large) {
     width: calc(100% - #{$right-sidebar-width});
-    padding-right: $right-sidebar-width;
+    // padding-right: $right-sidebar-width;
   }
 }
 

_sass/minimal-mistakes/_sidebar.scss

@@ -18,7 +18,7 @@
 
   @include breakpoint($large) {
     float: left;
-    width: calc(#{$right-sidebar-width-narrow} - 1em);
+    width: calc(#{$left-sidebar-width-narrow} - 1em);
     opacity: 0.75;
     -webkit-transition: opacity 0.2s ease-in-out;
     transition: opacity 0.2s ease-in-out;
@@ -43,7 +43,7 @@
   }
 
   @include breakpoint($x-large) {
-    width: calc(#{$right-sidebar-width} - 1em);
+    width: calc(#{$left-sidebar-width} - 1em);
   }
 
   > * {
@@ -84,8 +84,8 @@
     position: absolute;
     top: 0;
     right: 0;
-    width: $right-sidebar-width-narrow;
-    margin-right: -1 * $right-sidebar-width-narrow;
+    width: $left-sidebar-width-narrow;
+    margin-right: -1 * $left-sidebar-width-narrow;
     padding-left: 1em;
     z-index: 10;
 
@@ -106,8 +106,8 @@
   }
 
   @include breakpoint($x-large) {
-    width: $right-sidebar-width;
-    margin-right: -1 * $right-sidebar-width;
+    width: $left-sidebar-width;
+    margin-right: -1 * $left-sidebar-width;
   }
 }
 

_sass/minimal-mistakes/_variables.scss

@@ -6,7 +6,7 @@
    Typography
    ========================================================================== */
 
-$doc-font-size: 16 !default;
+$doc-font-size: 20 !default;
 
 /* paragraph indention */
 $paragraph-indent: false !default; // true, false (default)
@@ -159,7 +159,12 @@ $max-width: $x-large !default;
 $right-sidebar-width-narrow: 250px !default;
 $right-sidebar-width: 250px !default;
 $right-sidebar-width-wide: 250px !default;
-$right-sidebar-width-padding: 350px !default;
+$right-sidebar-width-padding: 250px !default;
+
+$left-sidebar-width-narrow: 250px !default;
+$left-sidebar-width: 250px !default;
+$left-sidebar-width-wide: 250px !default;
+$left-sidebar-width-padding: 350px !default;
 
 /*
    Other