rename: 이미지 포맷을 전부 webp로 변경

Author: HyunJinNo

_posts/2024-06-05-setting.md renamed to _posts/2024-06-05-raspberry-pi-setting.md

@@ -37,7 +37,7 @@ OS: Raspberry Pi OS (64 bit) </p></blockquote>
 
 ### Raspberry Pi Imager 설치하기
 
-<img src="/assets/img/raspberry-pi/setting/raspberry-pi-imager.png" alt="raspberry-pi-imager" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem" />
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic1.webp" alt="pic1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem" />
 
 Install 버튼을 눌러 Raspberry Pi Imager를 설치합니다.
 
@@ -47,7 +47,7 @@ Install 버튼을 눌러 Raspberry Pi Imager를 설치합니다.
 
 먼저 자신의 PC에 SD카드를 삽입합니다. 그리고 방금 설치한 Raspberry Pi Imager를 실행합니다.
 
-<img src="/assets/img/raspberry-pi/setting/imager.png" alt="raspberry-pi-imager" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic2.webp" alt="pic2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### 디바이스 선택
 
@@ -61,36 +61,36 @@ Install 버튼을 눌러 Raspberry Pi Imager를 설치합니다.
 
 **저장소 선택**을 클릭하여 OS를 설치하려는 SD카드를 선택합니다.
 
-<img src="/assets/img/raspberry-pi/setting/sdcard.png" alt="sdcard" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic3.webp" alt="pic3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### 다음
 
 디바이스, 운영체제, 저장소를 모두 선택한 후 `다음`버튼을 클릭합니다.
 
 ### OS 커스터마이징
 
-<img src="/assets/img/raspberry-pi/setting/customizing1.png" alt="customizing1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic4.webp" alt="pic4" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 이미지 설치에 앞서 os 커스터마이징을 진행합니다. 추후 PuTTY를 사용하여 원격 접속을 위해 필요합니다.
 
 <br />
-<img src="/assets/img/raspberry-pi/setting/customizing2.png" alt="customizing2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic5.webp" alt="pic5" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 위와 같이 <b>사용자 이름 및 비밀번호 설정</b>, <b>무선 LAN 설정</b> 등이 가능합니다. 무선 LAN 설정의 경우, 원격 접속하려는 PC와 동일한 WI-FI를 선택하면 됩니다.
 
 <br />
-<img src="/assets/img/raspberry-pi/setting/customizing3.png" alt="customizing3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem" />
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic6.webp" alt="pic6" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem" />
 
 추후 원격접속을 통해 Raspberry Pi를 사용할 수 있도록 <b>SSH 사용</b>을 선택합니다.
 
 ### 설치
 
-<img src="/assets/img/raspberry-pi/setting/setting.png" alt="setting" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic7.webp" alt="pic7" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 설치가 완료될 때까지 대기합니다.
 
 <br />
-<img src="/assets/img/raspberry-pi/setting/finished.png" alt="finished" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic8.webp" alt="pic8" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 설치가 완료되면 SD카드를 PC에서 제거한 뒤 Raspberry Pi에 삽입합니다.
 
@@ -116,17 +116,17 @@ Putty는 윈도우 환경에서 리눅스 서버나 다른 원격 시스템에 S
 
 설치한 PuTTY를 실행합니다.
 
-<img src="/assets/img/raspberry-pi/setting/putty.png" alt="putty" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic9.webp" alt="pic9" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 Home Name (or IP address) 부분에 위에서 확인한 IP 주소를 입력합니다. 그리고 Port 부분에는 `22`를 입력합니다.
 
 Open 버튼을 누르면 아래와 같은 화면이 나타난다면 접속에 성공한 것입니다.
 
-<img src="/assets/img/raspberry-pi/setting/success.png" alt="success" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic10.webp" alt="pic10" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 <br />
 
 OS 커스터마이징 부분에서 설정한 아이디와 비밀번호를 순서대로 입력합니다.
 아래와 같은 화면이 나타난다면 원격 접속이 완료된 것입니다.
 
-<img src="/assets/img/raspberry-pi/setting/login.png" alt="login" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/raspberry-pi-setting/pic11.webp" alt="pic11" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>

_posts/2024-06-06-ufw.md

@@ -46,7 +46,7 @@ sudo apt install ufw
 sudo ufw status
 ```
 
-<img src="/assets/img/raspberry-pi/ufw/ufw-status.png" alt="ufw-status" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ufw/pic1.webp" alt="pic1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ## Step 2 - UFW 활성화
 
@@ -60,7 +60,7 @@ sudo ufw status
 sudo ufw allow ssh
 ```
 
-<img src="/assets/img/raspberry-pi/ufw/allow.png" alt="allow" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ufw/pic2.webp" alt="pic2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### UFW 활성화
 
@@ -70,7 +70,7 @@ SSH 접근을 허용한 후에 UFW을 활성화합니다. 활성화한 후 UFW 
 sudo ufw enable
 ```
 
-<img src="/assets/img/raspberry-pi/ufw/enable.png" alt="enable" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ufw/pic3.webp" alt="pic3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ## 주요 사용 방법
 

_posts/2024-06-07-nodejs.md

@@ -62,7 +62,7 @@ apt list | grep nodejs
 curl -fsSL https://deb.nodesource.com/setup_20.x | sudo bash -
 ```
 
-<img src="/assets/img/raspberry-pi/nodejs/nodejs1.png" alt="nodejs1.png" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nodejs/pic1.webp" alt="pic1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### Node.js 설치
 
@@ -72,7 +72,7 @@ curl -fsSL https://deb.nodesource.com/setup_20.x | sudo bash -
 sudo apt install nodejs
 ```
 
-<img src="/assets/img/raspberry-pi/nodejs/nodejs2.png" alt="nodejs2.png" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nodejs/pic2.webp" alt="pic2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### 재부팅
 
@@ -91,6 +91,6 @@ node -v
 npm -v
 ```
 
-<img src="/assets/img/raspberry-pi/nodejs/nodejs3.png" alt="nodejs3.png" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nodejs/pic3.webp" alt="pic3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 버전이 잘 출력되어 Node.js가 설치되었음을 확인할 수 있습니다.

_posts/2024-06-07-ssh-port.md

@@ -44,14 +44,15 @@ sudo nano /etc/ssh/sshd_config
 
 위의 명령어를 입력하면 다음과 같은 화면이 표시될 것입니다.
 
-<img src="/assets/img/raspberry-pi/ssh/ssh-port1.png" alt="ssh-port1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ssh-port/pic1.webp" alt="pic1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### 포트 번호 변경
 
-파일 내 주석 처리되어 있는 `#Port 22` 부분을 주석 처리를 해제하고 원하는 포트 번호로 변경합니다. 포트 번호는 0 ~ 65335번까지 존재하는데, 이 중에서 **0번 ~ 1023번**은 **잘 알려진 포트(well-known port)**로 주요 통신을 위한 규약에 따라 이미 정해져 있는 포트 번호로 사용할 수 없습니다. 또한 기업에서 등록하여 사용하고 있는 포트 번호도 사용할 수 없습니다. 자세한 내용은 다음 링크를 참고하시길 바랍니다.  
+파일 내 주석 처리되어 있는 `#Port 22` 부분을 주석 처리를 해제하고 원하는 포트 번호로 변경합니다. 포트 번호는 0 ~ 65335번까지 존재하는데, 이 중에서 **0번 ~ 1023번**은 **잘 알려진 포트(well-known port)**로 주요 통신을 위한 규약에 따라 이미 정해져 있는 포트 번호로 사용할 수 없습니다. 또한 기업에서 등록하여 사용하고 있는 포트 번호도 사용할 수 없습니다. 자세한 내용은 다음 링크를 참고하시길 바랍니다.
+
 <a href="https://ko.wikipedia.org/wiki/TCP/UDP%EC%9D%98_%ED%8F%AC%ED%8A%B8_%EB%AA%A9%EB%A1%9D" target="_blank">TCP/UDP의 포트 목록</a>
 
-<img src="/assets/img/raspberry-pi/ssh/ssh-port2.png" alt="ssh-port2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ssh-port/pic2.webp" alt="pic2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 `Ctrl + X`를 누른 다음 `Y` 그리고 `Enter`를 눌러 변경사항을 저장합니다.
 
@@ -67,13 +68,13 @@ services 파일에는 리눅스에서 네트워크 서비스를 위해 사용하
 sudo nano /etc/services
 ```
 
-<img src="/assets/img/raspberry-pi/ssh/ssh-port3.png" alt="ssh-port3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ssh-port/pic3.webp" alt="pic3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### Services 파일 수정
 
 ssh 부분의 `22/tcp`를 위에서 선언한 포트 번호로 변경합니다.
 
-<img src="/assets/img/raspberry-pi/ssh/ssh-port4.png" alt="ssh-port4" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ssh-port/pic4.webp" alt="pic4" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 `Ctrl + X`를 누른 다음 `Y` 그리고 `Enter`를 눌러 변경사항을 저장합니다.
 
@@ -87,7 +88,7 @@ SSH 포트 변경을 완료하려면 라즈베리파이를 재부팅해야 합
 
 다음 명령어를 입력하여 UFW 상태를 확인합니다.
 
-<img src="/assets/img/raspberry-pi/ssh/ssh-port5.png" alt="ssh-port5" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ssh-port/pic5.webp" alt="pic5" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### 변경된 SSH 포트 접속 허용
 
@@ -97,7 +98,7 @@ SSH 포트 변경을 완료하려면 라즈베리파이를 재부팅해야 합
 sudo ufw allow ssh
 ```
 
-<img src="/assets/img/raspberry-pi/ssh/ssh-port6.png" alt="ssh-port6" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ssh-port/pic6.webp" alt="pic6" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 변경된 포트 번호에 대한 접속이 허용되었음을 확인할 수 있습니다.
 
@@ -115,11 +116,12 @@ sudo reboot
 
 ### PuTTY로 원격 접속
 
-<img src="/assets/img/raspberry-pi/ssh/ssh-port7.png" alt="ssh-port7" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/ssh-port/pic7.webp" alt="pic7" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 PuTTY로 원격 접속을 시도합니다. 이 때 22번 포트로 접속하려고 하면 접근이 차단될 것이고, 변경된 SSH 포트로 접근하려고 하면 접속이 허용될 것입니다.
 
 ### 22번 포트에 대한 접근 차단
 
-SSH 포트를 변경하였으므로 더 이상 22번 포트에 대한 접근이 이루어지지 않습니다. 방화벽 설정을 통해 22번 포트에 대한 접근을 차단합니다. 이에 대해선 다음 글을 참고하시길 바랍니다.  
+SSH 포트를 변경하였으므로 더 이상 22번 포트에 대한 접근이 이루어지지 않습니다. 방화벽 설정을 통해 22번 포트에 대한 접근을 차단합니다. 이에 대해선 다음 글을 참고하시길 바랍니다.
+
 <a href="../ufw" alt="ufw">라즈베리파이 방화벽 설정 방법</a>

_posts/2024-06-08-nginx.md

@@ -58,7 +58,7 @@ Nginx 사용 방법에 대해 정리한 페이지입니다.
 sudo apt install nginx
 ```
 
-<img src="/assets/img/raspberry-pi/nginx/nginx1.png" alt="nginx1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic1.webp" alt="pic1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### Nginx 설치 확인
 
@@ -68,7 +68,7 @@ sudo apt install nginx
 nginx -v
 ```
 
-<img src="/assets/img/raspberry-pi/nginx/nginx2.png" alt="nginx2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic2.webp" alt="pic2" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ## Step 2 - Nginx 설정 파일 생성
 
@@ -81,7 +81,7 @@ cd /etc/nginx
 ls -l
 ```
 
-<img src="/assets/img/raspberry-pi/nginx/nginx3.png" alt="nginx3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic3.webp" alt="pic3" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 주요 파일 및 디렉토리에 대해 설명하면 다음과 같습니다.
 
@@ -115,7 +115,7 @@ sudo touch myApp
 파일을 생성하면 다음 예제와 같이 서버 블록을 설정합니다.
 80번 포트에서 HTTP 요청을 수신하면 로컬 서버의 3000번 포트로 요청을 전달하게 됩니다.
 
-<img src="/assets/img/raspberry-pi/nginx/nginx4.png" alt="nginx4" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic4.webp" alt="pic4" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 주요 키워드에 설명하면 다음과 같습니다.
 
@@ -144,7 +144,7 @@ nginx에 대한 설정을 하기 위해선 `nginx.conf` 파일을 수정해야 
 sudo nano /etc/nginx/nginx.conf
 ```
 
-<img src="/assets/img/raspberry-pi/nginx/nginx5.png" alt="nginx5" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic5.webp" alt="pic5" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 파일 내용에 대해 설명하자면 다음과 같습니다.
 
@@ -174,7 +174,7 @@ sudo nano /etc/nginx/nginx.conf
 
 위에서 활성화한 사이트 설정 파일을 가져오기 위해 다음과 같이 작성합니다.
 
-<img src="/assets/img/raspberry-pi/nginx/nginx6.png" alt="nginx6" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic6.webp" alt="pic6" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 ### 80번 포트 열기
 
@@ -192,7 +192,7 @@ sudo ufw allow 80
 sudo nginx -t
 ```
 
-<img src="/assets/img/raspberry-pi/nginx/nginx7.png" alt="nginx7" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic7.webp" alt="pic7" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 문법 검사가 완료되면 다음 명령어를 입력하여 Nginx를 재시작합니다.
 
@@ -206,7 +206,7 @@ sudo systemctl restart nginx
 sudo systemctl status nginx
 ```
 
-<img src="/assets/img/raspberry-pi/nginx/nginx8.png" alt="nginx8" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic8.webp" alt="pic8" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 Nginx 설정이 완료되었음을 확인할 수 있습니다.
 
@@ -221,10 +221,10 @@ Nginx 설정이 성공적으로 이루어졌는지 확인해보겠습니다.
 pm2 start npm -- start
 ```
 
-<img src="/assets/img/raspberry-pi/nginx/nginx9.png" alt="nginx9" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic9.webp" alt="pic9" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 서비스가 실행되면 웹 사이트에 접속합니다.
 
-<img src="/assets/img/raspberry-pi/nginx/nginx10.png" alt="nginx10" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
+<img src="/assets/img/raspberry-pi/nginx/pic10.webp" alt="pic10" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 0.5rem"/>
 
 위와 같이 포트 번호를 명시하지 않아도(= 80번 포트 사용) 서비스에 접속할 수 있음을 확인할 수 있습니다.