diff --git a/content/docs/backend/2. Node.js.md b/content/docs/backend/2. Node.js.md index 20e0699..fef292e 100644 --- a/content/docs/backend/2. Node.js.md +++ b/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 설치 diff --git a/content/docs/backend/7. Prisma.md b/content/docs/backend/7. Prisma.md index 8913549..8f895c2 100644 --- a/content/docs/backend/7. Prisma.md +++ b/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 를 눈으로 확인할 수 있으니 애용해주세요 😻 \ No newline at end of file +- 참고로, `npx prisma studio` 를 입력하면 5555포트에서 정말 간편하게 db 를 눈으로 확인할 수 있으니 애용해주세요 😻 diff --git a/content/docs/infra/1. Node.js.md b/content/docs/infra/1. Node.js.md index 5df1234..832e734 100644 --- a/content/docs/infra/1. Node.js.md +++ b/content/docs/infra/1. Node.js.md @@ -67,7 +67,7 @@ JavaScript의 문법을 공부합니다. 아래 개념들을 검색하고 정리 OS 정보를 출력하는 간단한 서버를 만들어봐요. 서버를 실행하고 [http://localhost:3000](http://localhost:3000)에 접속하면 아래 사진처럼 OS 정보가 출력되어야 합니다.

- +

- 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 설치 diff --git a/content/docs/infra/3. Docker.md b/content/docs/infra/3. Docker.md index 3a99d59..0671825 100644 --- a/content/docs/infra/3. Docker.md +++ b/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를 이용하여 컨테이너를 관리하는 방법을 배웁니다. diff --git a/content/docs/infra/4. AWS: EC2, Network.md b/content/docs/infra/4. AWS: EC2, Network.md index f552b35..487a999 100644 --- a/content/docs/infra/4. AWS: EC2, Network.md +++ b/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://`를 붙이고 접속을 시도해주세요!" />}} diff --git a/reference/Free Domain.md b/content/docs/infra/Free Domain.md similarity index 94% rename from reference/Free Domain.md rename to content/docs/infra/Free Domain.md index af24404..2d16015 100644 --- a/reference/Free Domain.md +++ b/content/docs/infra/Free Domain.md @@ -1,4 +1,9 @@ -# 무료 도메인 등록 (.tech) ++++ +title = "무료 도메인 등록 (.tech)" +description = "무료로 .tech 도메인을 등록하고 사용하는 방법을 알아봅니다." +icon = "article" +weight = 401 ++++ ## TECH 도메인 등록 방법 diff --git a/reference/Install Docker.md b/content/docs/infra/Install Docker.md similarity index 55% rename from reference/Install Docker.md rename to content/docs/infra/Install Docker.md index 17f987f..6ab9157 100644 --- a/reference/Install Docker.md +++ b/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를 기준으로 작성되었습니다.
Ubuntu 외의 배포판은 공식 문서를 참고해주세요.
https://docs.docker.com/engine/install/" />}} ### 1. 설치 script 실행 @@ -53,3 +81,6 @@ sudo usermod -aG docker $USER ```bash newgrp docker ``` + +{{% /tab %}} +{{< /tabs >}} diff --git a/reference/Install WSL.md b/content/docs/infra/Install WSL.md similarity index 92% rename from reference/Install WSL.md rename to content/docs/infra/Install WSL.md index 4fb1afc..ac63b8e 100644 --- a/reference/Install WSL.md +++ b/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 diff --git a/images/free-domain/account.png b/content/docs/infra/images/free-domain/account.png similarity index 100% rename from images/free-domain/account.png rename to content/docs/infra/images/free-domain/account.png diff --git a/images/free-domain/add-a-record.png b/content/docs/infra/images/free-domain/add-a-record.png similarity index 100% rename from images/free-domain/add-a-record.png rename to content/docs/infra/images/free-domain/add-a-record.png diff --git a/images/free-domain/add-domain.png b/content/docs/infra/images/free-domain/add-domain.png similarity index 100% rename from images/free-domain/add-domain.png rename to content/docs/infra/images/free-domain/add-domain.png diff --git a/images/free-domain/create-account.png b/content/docs/infra/images/free-domain/create-account.png similarity index 100% rename from images/free-domain/create-account.png rename to content/docs/infra/images/free-domain/create-account.png diff --git a/images/free-domain/dns-management.png b/content/docs/infra/images/free-domain/dns-management.png similarity index 100% rename from images/free-domain/dns-management.png rename to content/docs/infra/images/free-domain/dns-management.png diff --git a/images/free-domain/domain-page.png b/content/docs/infra/images/free-domain/domain-page.png similarity index 100% rename from images/free-domain/domain-page.png rename to content/docs/infra/images/free-domain/domain-page.png diff --git a/images/free-domain/final.png b/content/docs/infra/images/free-domain/final.png similarity index 100% rename from images/free-domain/final.png rename to content/docs/infra/images/free-domain/final.png diff --git a/images/free-domain/github-offer.png b/content/docs/infra/images/free-domain/github-offer.png similarity index 100% rename from images/free-domain/github-offer.png rename to content/docs/infra/images/free-domain/github-offer.png diff --git a/images/free-domain/home.png b/content/docs/infra/images/free-domain/home.png similarity index 100% rename from images/free-domain/home.png rename to content/docs/infra/images/free-domain/home.png diff --git a/images/free-domain/order-complete.png b/content/docs/infra/images/free-domain/order-complete.png similarity index 100% rename from images/free-domain/order-complete.png rename to content/docs/infra/images/free-domain/order-complete.png diff --git a/images/free-domain/shopping-cart.png b/content/docs/infra/images/free-domain/shopping-cart.png similarity index 100% rename from images/free-domain/shopping-cart.png rename to content/docs/infra/images/free-domain/shopping-cart.png diff --git a/content/docs/infra/images/week1-lab.webp b/content/docs/infra/images/week1-lab.webp new file mode 100644 index 0000000..44b7b1d Binary files /dev/null and b/content/docs/infra/images/week1-lab.webp differ diff --git a/images/Windows Terminal.jpeg b/images/Windows Terminal.jpeg deleted file mode 100644 index 4638e99..0000000 Binary files a/images/Windows Terminal.jpeg and /dev/null differ diff --git a/images/infra/week1_lab.png b/images/infra/week1_lab.png deleted file mode 100644 index 1a002ab..0000000 Binary files a/images/infra/week1_lab.png and /dev/null differ