feat: move reference guide

content/docs/backend/2. Node.js.md

@@ -104,7 +104,7 @@ https://www.postman.com
 
 ### WSL 설치 (윈도우만)
 
-WSL(Window Subsystem for Linux)은 윈도우에서 리눅스를 실행할 수 있게 해주는 기능입니다. 앞으로 리눅스 명령어를 사용할 일이 많아지기 때문에 WSL을 설치하고 사용하는 것을 추천합니다. 가이드를 참고하여 WSL을 설치해주세요. ([WSL 설치 가이드](../reference/Install%20WSL.md))
+WSL(Window Subsystem for Linux)은 윈도우에서 리눅스를 실행할 수 있게 해주는 기능입니다. 앞으로 리눅스 명령어를 사용할 일이 많아지기 때문에 WSL을 설치하고 사용하는 것을 추천합니다. 가이드를 참고하여 WSL을 설치해주세요. ([WSL 설치 가이드](../infra/Install%20WSL.md))
 
 ### Visual Studio Code 설치
 

content/docs/backend/7. Prisma.md

@@ -46,6 +46,8 @@ ORM의 의미와, Prisma가 어떤 서비스인지 한 번 알아봅시다!
 
 > 참고 : https://www.prisma.io/blog/nestjs-prisma-rest-api-7D056s1BmOL0
 
+시작 전, [Docker 설치 가이드](../infra/Install%20Docker.md)를 참고하여 Docker를 설치해주세요!
+
 Root 디렉토리에 `docker-compose.yml`를 생성하고, 아래 파일을 복사-붙여넣기 해주세요.
 ```docker
 # docker-compose.yml
@@ -265,4 +267,4 @@ export class RestaurantService {
 ```
 
 이제 직접 CRUD 코드를 작성하면 됩니다. 😆
-- 참고로, `npx prisma studio` 를 입력하면 5555포트에서 정말 간편하게 db 를 눈으로 확인할 수 있으니 애용해주세요 😻
+- 참고로, `npx prisma studio` 를 입력하면 5555포트에서 정말 간편하게 db 를 눈으로 확인할 수 있으니 애용해주세요 😻

content/docs/infra/1. Node.js.md

@@ -67,7 +67,7 @@ JavaScript의 문법을 공부합니다. 아래 개념들을 검색하고 정리
 OS 정보를 출력하는 간단한 서버를 만들어봐요. 서버를 실행하고 [http://localhost:3000](http://localhost:3000)에 접속하면 아래 사진처럼 OS 정보가 출력되어야 합니다.
 
 <p align="center">
-  <img src="../images/infra/week1_lab.png" width="480">
+  <img src="../images/week1-lab.webp" width="480">
 </p>
 
 - http 모듈로 서버를 만들어보세요. 포트 번호는 3000번으로 지정해주세요.
@@ -79,7 +79,7 @@ OS 정보를 출력하는 간단한 서버를 만들어봐요. 서버를 실행
 
 ### WSL 설치 (윈도우만)
 
-WSL(Window Subsystem for Linux)은 윈도우에서 리눅스를 실행할 수 있게 해주는 기능입니다. 앞으로 리눅스 명령어를 사용할 일이 많아지기 때문에 WSL을 설치하고 사용하는 것을 추천합니다. 가이드를 참고하여 WSL을 설치해주세요. ([WSL 설치 가이드](../reference/Install%20WSL.md))
+WSL(Window Subsystem for Linux)은 윈도우에서 리눅스를 실행할 수 있게 해주는 기능입니다. 앞으로 리눅스 명령어를 사용할 일이 많아지기 때문에 WSL을 설치하고 사용하는 것을 추천합니다. 가이드를 참고하여 WSL을 설치해주세요. ([WSL 설치 가이드](Install%20WSL.md))
 
 ### Visual Studio Code 설치
 

content/docs/infra/3. Docker.md

@@ -19,7 +19,7 @@ weight = 330
 
 서버를 배포할 때 가장 문제를 많이 일으키는 부분 중 하나는 개발 환경과 서버 환경의 차이입니다. 이를 막기 위해서 기존에는 VMWare 같은 가상 머신을 주로 사용하였다면, 요즘은 더 빠르고 가벼운 컨테이너인 Docker를 많이 사용합니다. Docker는 환경 문제나 보안, 성능 등 다양한 문제를 해결해줍니다.
 
-우선 [Docker 설치 가이드](../reference/Install%20Docker.md)를 참고해서 설치해주세요.
+우선 [Docker 설치 가이드](Install%20Docker.md)를 참고해서 설치해주세요.
 
 - Docker가 무엇인지, 기존의 가상머신과의 차이점을 이해합니다.
 - Docker CLI를 이용하여 컨테이너를 관리하는 방법을 배웁니다.  

content/docs/infra/4. AWS: EC2, Network.md

@@ -91,7 +91,7 @@ curl -fsSL https://get.docker.com | sudo sh -
 
 - 설치 이후에 Docker를 사용하기 위해서는 root 권한이 필요합니다. root 권한 없이 Docker를 사용하려면 다음 링크를 참고해서 Docker 그룹에 현재 사용자를 추가해주세요. https://docs.docker.com/engine/install/linux-postinstall/
 - Elastic IP로 고정 IP를 할당해보세요.
-- [도메인 등록 가이드](../reference/Free%20Domain.md)에 따라 무료 도메인(.tech)를 발급받아 Elastic IP를 등록해보세요.
+- [도메인 등록 가이드](Free%20Domain.md)에 따라 무료 도메인(.tech)를 발급받아 Elastic IP를 등록해보세요.
 
 {{< alert text="브라우저에 IP 주소나 도메인을 입력하면 기본적으로 HTTPS 연결을 시도합니다. HTTPS 연결을 위해서는 SSL 인증서가 필요한데, 이번 실습에서는 SSL 인증서를 발급받지 않고 HTTP로만 연결합니다. 반드시 앞에 `http://`를 붙이고 접속을 시도해주세요!" />}}
 

reference/Free Domain.md → content/docs/infra/Free Domain.md

@@ -1,4 +1,9 @@
-# 무료 도메인 등록 (.tech)
++++
+title = "무료 도메인 등록 (.tech)"
+description = "무료로 .tech 도메인을 등록하고 사용하는 방법을 알아봅니다."
+icon = "article"
+weight = 401
++++
 
 ## TECH 도메인 등록 방법
 

reference/Install Docker.md → content/docs/infra/Install Docker.md

@@ -1,6 +1,17 @@
-# Docker 설치 가이드
++++
+title = "Docker 설치 가이드"
+description = "Docker를 설치하고 사용하는 방법을 알아봅니다."
+icon = "article"
+weight = 402
++++
 
-## Windows 🪟
+Docker는 컨테이너를 쉽게 쓰도록 도와주는 도구입니다.
+환경 세팅 때 유용한 경우가 많아 자주 사용해요.
+
+원하는 운영체제의 가이드에 따라 설치해주세요!
+
+{{< tabs tabTotal="3">}}
+{{% tab tabName="Windows" %}}
 
 ### 1. WSL 설치
 
@@ -16,7 +27,16 @@ https://docs.docker.com/desktop/install/windows-install/
 
 이후 Docker Desktop 앱을 실행해주세요.
 
-## Mac OS 🍎
+### 3. CLI 확인
+
+WSL에서 아래 명령어를 입력하여 Docker CLI가 정상적으로 설치되었는지 확인합니다.
+
+```bash
+docker --version
+```
+
+{{% /tab %}}
+{{% tab tabName="MacOS" %}}
 
 ### 1. Docker Desktop 설치
 
@@ -25,10 +45,18 @@ https://docs.docker.com/desktop/install/mac-install/
 
 이후 Docker Desktop 앱을 실행해주세요.
 
-## Linux (Ubuntu) 🐧
+### 2. CLI 확인
 
-> Ubuntu 외의 배포판은 공식 문서를 참고해주세요: https://docs.docker.com/engine/install/  
-> 아래 설명은 공식 문서를 참고하여 작성되었습니다.
+아래 명령어를 입력하여 Docker CLI가 정상적으로 설치되었는지 확인합니다.
+
+```bash
+docker --version
+```
+
+{{% /tab %}}
+{{% tab tabName="Linux" %}}
+
+{{< alert context="info" text="이 문서는 Ubuntu를 기준으로 작성되었습니다.<br>Ubuntu 외의 배포판은 공식 문서를 참고해주세요.<br>https://docs.docker.com/engine/install/" />}}
 
 ### 1. 설치 script 실행
 
@@ -53,3 +81,6 @@ sudo usermod -aG docker $USER
 ```bash
 newgrp docker
 ```
+
+{{% /tab %}}
+{{< /tabs >}}

reference/Install WSL.md → content/docs/infra/Install WSL.md

@@ -1,4 +1,9 @@
-# WSL 설치 가이드
++++
+title = "WSL 설치 가이드"
+description = "Windows에서 Linux를 쉽게 쓸 수 있는 WSL을 설치하는 방법을 알아봅니다."
+icon = "article"
+weight = 403
++++
 
 > 이 가이드는 공식 가이드를 참고해서 풀어 쓴 내용입니다.
 > https://learn.microsoft.com/ko-kr/windows/wsl/install