> For the complete documentation index, see [llms.txt](https://sungwook-choi.gitbook.io/argocd/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sungwook-choi.gitbook.io/argocd/argo-cd-helloworld/nginx-pod-service.md).

# nginx pod, service 배포

{% embed url="<https://youtu.be/efBlfbCMRfs?t=1>" %}

## 생성

왼쪽 위에 있는 \[new APP]버튼을 클릭합니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2FGVqinf7J9N6uU3TihhnK%2Fimage.png?alt=media\&token=fcf86b49-0882-4ae2-b93c-e51aadac6b3c)

아래 그림과 같이 ①, ②, ③필드를 설정합니다. ①, ②, ③번에 대한 자세한 내용은 다른 글에서 다룹니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2F2VapPcoZgzOhvHIaL3Hz%2Fimage.png?alt=media\&token=aee89151-4ff9-48fb-bb66-7eea202b75ba)

ArgoCD가 동기화 할 git정보를 선택합니다. 제 github repo의 main브랜치를 사용했습니다. helloworld 예제에 사용할 폴더는 example-1입니다.

* git url:<https://github.com/choisungwook/argocd-practice.git>

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2Fkw2MHFA6VNQNssREqzGD%2Fimage.png?alt=media\&token=265b7bd8-d232-45a4-8d15-871b30664aef)

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2FhHgHXbafJ3ckf8RXzQJ3%2Fimage.png?alt=media\&token=b8f982a7-4701-48bd-a6bc-4263d51affde)

그 다음, 어디 쿠버네티스 클러스터에 동기화 할지 클러스터 정보를 입력합니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2Ff4WwoiSdCy6kilMZjM2A%2Fimage.png?alt=media\&token=40b24e14-669c-466a-ad86-c9a47f99b6e2)

다 입력 후에 오른쪽 위에 있는 \[Create]버튼을 클릭합니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2Fm7MC4HCejNCT8BaVnPjV%2Fimage.png?alt=media\&token=57d4f112-6911-4f1f-b767-22c7a3b127e9)

## 동기화

helloworld application이 생성되었습니다. 아직 동기화 작업을 하지 않아 노란색으로 표시됩니다. 생성 단계 ③과정에서 수동(Manual)을 선택했기 때문에 저희가 직접 동기화를 해야합니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2F8SHJ5hf7koUuSKrOx2iP%2Fimage.png?alt=media\&token=de8111ef-9ee9-4a65-9c8f-48dabae9aa76)

helloworld를 클릭하면 상세페이지로 이동됩니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2F1UpEpq7iyH2fxD62h8HV%2Fimage.png?alt=media\&token=1e7fbc15-f4b0-47b6-b366-f9737203817c)

\[sync]버튼을 눌러서 동기화를 진행합니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2Ftn1EXNgzdRBOVHLT8WxV%2Fimage.png?alt=media\&token=39919be5-1c95-479a-8df2-ae618ab85c45)

## 동기화 확인

동기화가 완료되면 왼쪽 위에 Healthy와 Synced글씨가 보입니다. 그리고 대시보드에 pod, service리소스가 보입니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2FcdAdYyrIwk0AHZX5cctV%2Fimage.png?alt=media\&token=bb9d60f4-b3fa-4cb9-ad37-6a3cc7681b62)

동기화된 리소스는 kubectl로 확인할 수 있습니다.

```
kubectl get po,svc | grep helloworld
```

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2FJY81GbhNGqRN4Okdnvmp%2Fimage.png?alt=media\&token=3349bfb3-669f-4405-98c8-99aba85aa0c2)

## 삭제

동기화 한 리소스를 삭제해보겠습니다.

&#x20;

WEB UI 상단 메뉴에서 \[Delete]버튼을 클릭합니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2Fq6osFejrGWIKoj5G8Cpa%2Fimage.png?alt=media\&token=88b7d5fa-b82c-46e4-abea-3e3cad3f0d66)

그리고 생성 단계 ①에서 입력했던 application이름을 입력하고 \[OK]버튼을 클릭합니다.

![](https://419555476-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOI7SkWblrvyvFgQ1YM6d%2Fuploads%2FTb08RaWVs7M62vdHR3ka%2Fimage.png?alt=media\&token=c31da9a6-2c9d-4650-8c6d-fa1bfde8dfc2)