From 1938ce363b92969a0ceb57e408bc69c6a6cbea93 Mon Sep 17 00:00:00 2001 From: jonadan0 <163497701+jonadan0@users.noreply.github.com> Date: Mon, 26 Aug 2024 19:04:28 +0900 Subject: [PATCH 1/2] Update README.md --- README.md | 49 ++++++++++++++++--------------------------------- 1 file changed, 16 insertions(+), 33 deletions(-) diff --git a/README.md b/README.md index 47e4695..e28c755 100644 --- a/README.md +++ b/README.md @@ -153,52 +153,39 @@ bash GitHub CLI 설치 Homebrew를 사용해 GitHub CLI를 설치합니다: -bash -코드 복사 -brew install gh +![image](https://github.com/user-attachments/assets/b010d2b1-bed6-4b35-b60e-138dcc7991ca) + 설치 후, gh auth login 명령어로 GitHub 계정에 로그인합니다. 3. Azure 설정 Azure 계정 생성 Azure 공식 사이트에서 계정을 생성합니다. Azure CLI 설치 Homebrew를 사용해 Azure CLI를 설치합니다: -bash -코드 복사 -brew install azure-cli +![image](https://github.com/user-attachments/assets/e0025a24-3710-438e-81df-e469e46af42b) + 설치 후, az login 명령어를 사용하여 Azure 계정에 로그인합니다. Azure Developer CLI 설치 Homebrew를 사용하여 Azure Developer CLI를 설치합니다: -bash -코드 복사 -brew tap azure/azd -brew install azd +![image](https://github.com/user-attachments/assets/66143954-6e3a-43c9-af3b-411f3e90c349) + 설치 후, azd auth login 명령어를 사용하여 Azure 계정에 로그인합니다. Azure Resource Group 생성 Azure CLI를 사용하여 자원 그룹을 생성합니다: -bash -코드 복사 -az group create --name myResourceGroup --location eastus +![image](https://github.com/user-attachments/assets/5aef8fcc-500f-4843-83bf-dd37b8fc59c8) + 4. Node.js 설치 및 React.js, Express.js 설정 Node.js 설치 Homebrew를 사용하여 Node.js를 설치합니다: -bash -코드 복사 -brew install node +![image](https://github.com/user-attachments/assets/1e9d3c57-173a-4191-98bf-06ef34476189) + React.js 프로젝트 생성 터미널에서 다음 명령어로 React.js 프로젝트를 생성합니다: -bash -코드 복사 -npx create-react-app my-react-app -cd my-react-app -code . +![image](https://github.com/user-attachments/assets/7fa3e516-bdfd-4852-91fc-c20ebafe3181) + Express.js 프로젝트 생성 터미널에서 다음 명령어로 Express.js 프로젝트를 생성합니다: -bash -코드 복사 -npx express-generator my-express-app -cd my-express-app -npm install -code . +![image](https://github.com/user-attachments/assets/62013bee-b06c-48a6-bfc9-54cf0dbad275) + 5. VS Code Extensions 설치 GitHub: GitHub와 통합된 기능을 제공하는 확장 프로그램입니다. Azure Tools: Azure 리소스를 관리할 수 있는 확장 프로그램입니다. @@ -208,12 +195,8 @@ VS Code의 확장 프로그램 탭에서 위의 확장 프로그램들을 설치 6. Git 및 프로젝트 관리 GitHub에 프로젝트를 올리려면, 터미널에서 다음 명령어를 사용합니다: -bash -코드 복사 -git init -git add . -git commit -m "Initial commit" -gh repo create --public --source=. --push +![image](https://github.com/user-attachments/assets/745d5767-cbfd-4412-ae0c-621e07732040) + ### 시작해봅시다 > 먼저 **hackersground-kr/streetree** 저장소를 자신의 GitHub 계정으로 포크해야합니다. > ![alt text](images/image1.png) From 0a41b6f9c7a43e3057a547651abf7f05a820070a Mon Sep 17 00:00:00 2001 From: jonadan0 <163497701+jonadan0@users.noreply.github.com> Date: Mon, 26 Aug 2024 19:05:37 +0900 Subject: [PATCH 2/2] Update README.md --- README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.md b/README.md index e28c755..0af14b3 100644 --- a/README.md +++ b/README.md @@ -153,6 +153,7 @@ bash GitHub CLI 설치 Homebrew를 사용해 GitHub CLI를 설치합니다: + ![image](https://github.com/user-attachments/assets/b010d2b1-bed6-4b35-b60e-138dcc7991ca) 설치 후, gh auth login 명령어로 GitHub 계정에 로그인합니다. @@ -161,29 +162,35 @@ Azure 계정 생성 Azure 공식 사이트에서 계정을 생성합니다. Azure CLI 설치 Homebrew를 사용해 Azure CLI를 설치합니다: + ![image](https://github.com/user-attachments/assets/e0025a24-3710-438e-81df-e469e46af42b) 설치 후, az login 명령어를 사용하여 Azure 계정에 로그인합니다. Azure Developer CLI 설치 Homebrew를 사용하여 Azure Developer CLI를 설치합니다: + ![image](https://github.com/user-attachments/assets/66143954-6e3a-43c9-af3b-411f3e90c349) 설치 후, azd auth login 명령어를 사용하여 Azure 계정에 로그인합니다. Azure Resource Group 생성 Azure CLI를 사용하여 자원 그룹을 생성합니다: + ![image](https://github.com/user-attachments/assets/5aef8fcc-500f-4843-83bf-dd37b8fc59c8) 4. Node.js 설치 및 React.js, Express.js 설정 Node.js 설치 Homebrew를 사용하여 Node.js를 설치합니다: + ![image](https://github.com/user-attachments/assets/1e9d3c57-173a-4191-98bf-06ef34476189) React.js 프로젝트 생성 터미널에서 다음 명령어로 React.js 프로젝트를 생성합니다: + ![image](https://github.com/user-attachments/assets/7fa3e516-bdfd-4852-91fc-c20ebafe3181) Express.js 프로젝트 생성 터미널에서 다음 명령어로 Express.js 프로젝트를 생성합니다: + ![image](https://github.com/user-attachments/assets/62013bee-b06c-48a6-bfc9-54cf0dbad275) 5. VS Code Extensions 설치 @@ -195,6 +202,7 @@ VS Code의 확장 프로그램 탭에서 위의 확장 프로그램들을 설치 6. Git 및 프로젝트 관리 GitHub에 프로젝트를 올리려면, 터미널에서 다음 명령어를 사용합니다: + ![image](https://github.com/user-attachments/assets/745d5767-cbfd-4412-ae0c-621e07732040) ### 시작해봅시다