Skip to content

Commit 1680f54

Browse files
ujucujuc
committed
deploy: 1b2c61b 
1 parent e52b66b commit 1680f54

68 files changed

Lines changed: 1304 additions & 862 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎2025/10/29/배포-나는-어떻게-구성했나/index.html‎

Lines changed: 236 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,236 @@
1+
<!DOCTYPE html>
2+
3+
<html lang="ko">
4+
<head>
5+
<!-- Meta -->
6+
<meta charset="utf-8"/>
7+
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
8+
<meta content="ujuc" name="author"/>
9+
<meta content="잘 밤에 쓸데없는 생각하기" property="og:site_name"/>
10+
<meta content="website" property="og:type"/>
11+
<meta content="ko-KR" property="inLanguage"/>
12+
<!-- Twitter Card data-->
13+
<meta content="summary" name="twitter:card"/>
14+
<meta content="잘 밤에 쓸데없는 생각하기" name="twitter:site"/>
15+
<meta content="deploy,aws" name="keyward"/>
16+
<meta content="배포, 나는 어떻게 구성했나" property="og:title"/>
17+
<meta content="배포, 나는 어떻게 구성했나" name="twitter:title"/>
18+
<meta content="배포, 나는 어떻게 구성했나" itemprop="name"/>
19+
<meta content="내가 지금까지 사용했고, 구성해보았던 배포 방식에 대해서 정리한다. 그리고 배치는 “어떤 환경에 어떤 방법으로 서비스를 배치할 것인가?”에 대해서 생각해야 한다." name="description"/>
20+
<meta content="내가 지금까지 사용했고, 구성해보았던 배포 방식에 대해서 정리한다. 그리고 배치는 “어떤 환경에 어떤 방법으로 서비스를 배치할 것인가?”에 대해서 생각해야 한다." property="og:description"/>
21+
<meta content="내가 지금까지 사용했고, 구성해보았던 배포 방식에 대해서 정리한다. 그리고 배치는 “어떤 환경에 어떤 방법으로 서비스를 배치할 것인가?”에 대해서 생각해야 한다." name="twitter:description"/>
22+
<meta content="내가 지금까지 사용했고, 구성해보았던 배포 방식에 대해서 정리한다. 그리고 배치는 “어떤 환경에 어떤 방법으로 서비스를 배치할 것인가?”에 대해서 생각해야 한다." itemprop="description"/>
23+
<meta content="https://ujuc.github.io/2025/10/29/배포-나는-어떻게-구성했나/" property="og:url"/>
24+
<meta content="2025-10-29T18:41:00+09:00" property="article:published_time"/>
25+
<meta content="2025-10-29T18:41:00+09:00" property="article:modified_time"/>
26+
<meta content="deploy" property="article:tag"/>
27+
<meta content="aws" property="article:tag"/>
28+
<!-- Title -->
29+
<title>
30+
잘 밤에 쓸데없는 생각하기/배포, 나는 어떻게 구성했나
31+
</title>
32+
<!-- Style sheet -->
33+
<!-- Latest compiled and minified CSS -->
34+
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" rel="stylesheet"/>
35+
<script crossorigin="anonymous" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
36+
<script crossorigin="anonymous" src="https://kit.fontawesome.com/44208652df.js"></script>
37+
<!-- Style -->
38+
<link href="https://ujuc.github.io/theme/css/style.css" rel="stylesheet" type="text/css"/>
39+
<link href="https://ujuc.github.io/theme/css/pygments.css" rel="stylesheet" type="text/css"/>
40+
<!-- Feed -->
41+
<link href="https://ujuc.github.io/feeds/rss.xml" rel="alternate" title="잘 밤에 쓸데없는 생각하기 RSS" type="application/rss+xml">
42+
<!-- Global site tag (gtag.js) - Google Analytics -->
43+
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-X9EBSXCBTS"></script>
44+
<script>
45+
window.dataLayer = window.dataLayer || [];
46+
function gtag(){dataLayer.push(arguments);}
47+
gtag('js', new Date());
48+
49+
gtag('config', 'G-X9EBSXCBTS');
50+
</script>
51+
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1014314833699403"></script>
52+
</link><link href="https://ujuc.github.io/2025/10/29/배포-나는-어떻게-구성했나/" rel="canonical"/><script type="application/ld+json">{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "잘 밤에 쓸데없는 생각하기", "item": "https://ujuc.github.io"}, {"@type": "ListItem", "position": 2, "name": "2025", "item": "https://ujuc.github.io/2025"}, {"@type": "ListItem", "position": 3, "name": "10", "item": "https://ujuc.github.io/2025/10"}, {"@type": "ListItem", "position": 4, "name": "29", "item": "https://ujuc.github.io/2025/10/29"}, {"@type": "ListItem", "position": 5, "name": "배포 나는 어떻게 구성했나", "item": "https://ujuc.github.io/2025/10/29/배포-나는-어떻게-구성했나"}, {"@type": "ListItem", "position": 6, "name": "Index", "item": "https://ujuc.github.io/2025/10/29/배포-나는-어떻게-구성했나/index.html"}]}</script><script type="application/ld+json">{"@context": "https://schema.org", "@type": "Article", "author": {"@type": "Person", "name": "ujuc"}, "publisher": {"@type": "Organization", "name": "잘 밤에 쓸데없는 생각하기"}, "headline": "배포, 나는 어떻게 구성했나", "about": "Operation", "datePublished": "2025-10-29 18:41"}</script></head>
53+
<body>
54+
<header>
55+
<!-- navi -->
56+
<div class="container" style="margin-top: 10px;">
57+
<ul class="nav">
58+
<li class="nav-item">
59+
<a class="nav-link" href="/">
60+
<em class="fa-solid fa-inbox"></em> Blog
61+
</a>
62+
</li>
63+
<li class="nav-item">
64+
<a class="nav-link" href="/archives.html">
65+
<em class="fa-solid fa-archive"></em> Archive
66+
</a>
67+
</li>
68+
<li class="nav-item">
69+
<a class="nav-link" href="/tags.html">
70+
<em class="fa-solid fa-tags"></em> Tags
71+
</a>
72+
</li>
73+
<li class="nav-item">
74+
<a class="nav-link" href="/categories.html">
75+
<em class="fa-solid fa-folder-open"></em> Categories
76+
</a>
77+
</li>
78+
<li class="nav-item">
79+
<a class="nav-link disabled"><em class="fa-solid fa-ellipsis-v"></em></a>
80+
</li>
81+
<li class="nav-item">
82+
<a class="nav-link" href="https://app.tana.inc/shared/ujucs-wiki/X2JxS1NYYlhla1JkL2FLOFBZdmQtZVRMVQ==">
83+
<em class="fa-solid fa-pen-to-square"></em> Wiki
84+
</a>
85+
</li>
86+
</ul> </div>
87+
</header>
88+
<div class="container" id="site-article">
89+
<div class="container">
90+
<div class="article">
91+
<!-- Title -->
92+
<div class="article-title">배포, 나는 어떻게 구성했나</div>
93+
<!-- Meta -->
94+
<div class="article-meta">
95+
<em class="fa-regular fa-calendar-plus"></em>
96+
25. 10. 29.
97+
/ <em class="fa-solid fa-arrows-rotate"></em> 25. 10. 29. <em class="fa-solid fa-ellipsis-vertical"></em>
98+
<em class="fa-solid fa-folder-open"></em>
99+
<a href="https://ujuc.github.io/category/operation.html">Operation</a>
100+
<em class="fa-solid fa-ellipsis-vertical"></em>
101+
<em class="fa-solid fa-tags"></em>
102+
<a class="article_tag" href="https://ujuc.github.io/tag/deploy.html">deploy</a>
103+
, <a class="article_tag" href="https://ujuc.github.io/tag/aws.html">aws</a>
104+
</div>
105+
<!--Article -->
106+
<div class="text-center"><em class="fa-solid fa-poo-storm"></em></div>
107+
<div class="article-text"><h1 id="_1">들어가기</h1>
108+
<p>최근 배포, 배치 환경을 구성하는데 어떤 방법을 이용해서 배포를 할 것이고, 어떤 서비스를 사용할 것인지에 대해서 고민을 하는 모습을 보았다.<br/>
109+
처음 해보는 것이니, 어떤 기술이 있어야 하고, 어떤 것들을 주의해야 하고 하는 것을 알 수 있으려나?</p>
110+
<p>나는 익숙해진 흐름으로 배포, 배치하려면 이런 이런 솔루션이나 특정 값들을 확인해서 배포하도록 설정을 하고 있기에 정리해 놓고 다른 더 좋은 방법은 없는지 확인하려고 한다.</p>
111+
<h1 id="_2">직접 배포와 배치</h1>
112+
<h2 id="a">A 서비스 배포</h2>
113+
<ul>
114+
<li>언어: Ruby</li>
115+
<li>프레임워크: Ruby on Rails</li>
116+
<li>배포/배치 도구: <a href="https://github.com/capistrano/capistrano">Capistrano</a></li>
117+
<li>배포 환경: KT Cloud 인스턴스, AWS EC2</li>
118+
</ul>
119+
<p>Capistrano를 사용해서 원격 서버에 SSH로 연결하여, 수정된 파일을 직접 배포하고, 배치하는 구성을 작업함.</p>
120+
<h2 id="b">B 서비스 배포 (!!부정확함!!)</h2>
121+
<ul>
122+
<li>언어: Python</li>
123+
<li>프레임워크: Tornado</li>
124+
<li>배포/배치 도구: Git / AWS ASG</li>
125+
<li>배포 환경: AWS EC2</li>
126+
</ul>
127+
<p>ASG를 이용해서 EC2를 배포할 수 있도록 구성하고, EC2가 실행될 때마다 Init 항목에서 코드를 받아오도록 했었다.<br/>
128+
그런데 기억이 여기까지라 맞는지 모르겠다.</p>
129+
<h1 id="_3">컨테이너를 이용한 배포와 배치</h1>
130+
<p>컨테이너 이미지를 만들어 배포하고, 컨테이너 이미지를 컨테이너 오케스트레이션 환경에 배치한다.</p>
131+
<h2 id="c">C 서비스 배포</h2>
132+
<ul>
133+
<li>배포/배치 도구: AWS CodeBuild, GitHub Actions / AWS CodeDeploy</li>
134+
<li>배포 환경: AWS EC2</li>
135+
</ul>
136+
<p>배포와 배치 순서는 다음과 같다.</p>
137+
<ol>
138+
<li>개발 repo에서 컨테이너 이미지를 빌드한다. (이미지 태그는 <code>latest</code>)</li>
139+
<li>AWS ECR로 생성한 이미지를 업로드한다.</li>
140+
<li>업로드한 이미지를 기반으로 AWS CodeDeploy를 이용하여 AppSpec 문서에 작성된 행위를 진행한다.</li>
141+
<li>CodeDeploy에 설정된 ASG를 기반으로 Blue/Green 배포를 진행하여 새로운 컨테이너로 배포를 진행한다.</li>
142+
</ol>
143+
<p>위 작업을 위해서 최소한으로 구성해야 하는 리소스는 다음과 같다.</p>
144+
<ul>
145+
<li>EC2 AMI : Docker 데몬이 설치되어 있어야 한다.</li>
146+
<li>ASG, LT: 첫 배포에 사용될 ASG를 생성하여 AWS CodeDeploy에 등록을 해주어야 하기에 필요하다.</li>
147+
<li>AppSpec에서 실행할 스크립트: 스크립트는 docker compose 파일을 생성 혹은 다른 저장소에서 가져와 실행할 수 있도록 구성한다.</li>
148+
<li>GitHub 과 AWS 간 OIDC 설정과 Assume Role 생성: 서비스 간 권한을 제공하기 위해서 필요하다.</li>
149+
</ul>
150+
<h2 id="d">D 서비스 배포</h2>
151+
<ul>
152+
<li>배포/배치 도구: GitHub Actions / AWS CloudFormation</li>
153+
<li>배포 환경: AWS ECS Fargate</li>
154+
</ul>
155+
<p>배포와 배치의 순서는 다음과 같다.</p>
156+
<ol>
157+
<li>개발 repo에서 GitHub Actions를 이용하여 이미지를 빌드한다. (이미지 태그는 <code>버전</code>)</li>
158+
<li>AWS ECR로 생성한 이미지를 업로드한다.</li>
159+
<li>업로드한 이미지를 기반으로 AWS ECS Fargate를 배포할 수 있도록 하는 GitHub Actions workflow를 실행한다.</li>
160+
<li>AWS CDK로 만들어 놓은 코드를 이용하여 AWS CloudFormation에 있는 값을 업데이트하여 배치가 진행된다.</li>
161+
</ol>
162+
<p>위 작업을 위해서 최소한으로 구성해야 하는 리소스는 다음과 같다.</p>
163+
<ul>
164+
<li>AWS ECS Cluster, Service, Task definition: AWS ECS를 사용할 수 있는 환경을 먼저 만들어 두는 것이 좋다. 나는 AWS CDK를 이용하여 구성했다.</li>
165+
<li>GitHub 과 AWS 간 OIDC 설정과 배치를 위한 Assume Role 생성: 서비스 간 권한을 제공하기 위해서 필요하다.</li>
166+
</ul>
167+
<h2 id="e">E 서비스 배포</h2>
168+
<ul>
169+
<li>배포/배치 도구: GitHub Actions / ArgoCD</li>
170+
<li>배포 환경: AWS EKS</li>
171+
</ul>
172+
<p>배포와 배치의 순서는 다음과 같다.</p>
173+
<ol>
174+
<li>개발 repo에서 GitHub Actions를 이용하여 이미지를 빌드한다. (이미지 태그는 <code>버전</code>)</li>
175+
<li>AWS ECR로 생성한 이미지를 업로드한다.</li>
176+
<li>ArgoCD 와 연결된 repo에서 서비스 yaml 파일을 업데이트하고 머지한다.</li>
177+
<li>ArgoCD가 트리거를 기반으로 배치를 시작한다.</li>
178+
</ol>
179+
<p>위 작업을 위해서 최소한으로 구성해야 하는 리소스는 다음과 같다.</p>
180+
<ul>
181+
<li>AWS EKS: 서비스를 실행하고 접근할 수 있는 AWS 리소스를 생성한다. Terraform을 이용하였었다.</li>
182+
<li>GitHub 과 AWS 간 OIDC 설정과 ArgoCD에서 사용할 Role 생성: OIDC는 필요하지만, role은 정확하지 않다. 공부해야 한다.</li>
183+
<li>ArgoCD: 운영하는 클러스터가 아닌 개발 보조를 위한 EKS 클러스터를 따로 구성하여 올려야 한다.</li>
184+
</ul>
185+
<h1 id="_4">마치며</h1>
186+
<p>내가 보았고, 구성했던 것들을 한번 정리하였는데. 지금은 “D 서비스 배포” 방식을 사용하고 주로 구성하고 있다.<br/>
187+
더 많은 배포 방식이 있을 것이고, 요구 사항에 따라 달라지는 부분이 발생할 수 있다. 그럴 땐, 제공되는 서비스가 있다면 사용하고, 없다면 만들면서 맞춰가는 방법 말고는 없긴 하다.</p>
188+
<p>AWS EKS 배포 구성은 개발, 운영, 보조 클러스터를 만들어서 구분 짓고 배포할 수 있도록 작업을 해야 하는 것은 아직 익숙하지도 않고, 많이 해보지 않았기에 명시만 해두었다.<br/>
189+
나보다 더 잘하시는 분들이 많은 글을 쓰셨을 것으로 알고 있으니, 관련해서 검색을 해보시는 것이 좋을 듯하다.</p>
190+
<p>구분을 위해서 (영어도 다르다) 배포와 배치를 나눠 놨으나, 개발자에게는 하나의 동작으로 인식되도록 해주면 가장 좋다고 생각한다.</p>
191+
<p>사용가능한 솔루션은 유명한 것을 고르고 더 필요하다면 만들어서 공유 부탁드린다. :+1:</p></div>
192+
<div class="text-center"><em class="fa-regular fa-hand-spock"></em></div>
193+
<!-- Comment -->
194+
<div id="giscus">
195+
<script async="" crossorigin="anonymous" data-category="General" data-category-id="MDE4OkRpc2N1c3Npb25DYXRlZ29yeTMyMDM5MjEy" data-emit-metadata="0" data-mapping="title" data-reactions-enabled="1" data-repo="ujuc/ujuc.github.io" data-repo-id="MDEwOlJlcG9zaXRvcnkzMzA2MTA2NQ==" data-theme="light" src="https://giscus.app/client.js">
196+
</script>
197+
</div><div id="utterances">
198+
<script async="" crossorigin="anonymous" issue-term="url" repo="ujuc/ujuc.github.io" src="https://utteranc.es/client.js" theme="github-light">
199+
</script>
200+
</div> <div class="text-center">🎗</div>
201+
</div>
202+
</div>
203+
</div>
204+
<!-- body foot -->
205+
<div class="container">
206+
</div>
207+
<!-- Title -->
208+
<div class="container" id="site-title">
209+
<hr/>
210+
<div class="row">
211+
<div class="container">
212+
<div class="site-title">
213+
<a href="https://ujuc.github.io">잘 밤에 쓸데없는 생각하기</a>
214+
</div>
215+
<div class="site-body">
216+
Anythink, Everythink!
217+
</div>
218+
<div>
219+
<span id="social-github"><a href="https://github.com/ujuc"><em class="fa-brands fa-github"></em></a></span>
220+
<span id="social-x"><a href="https://x.com/ujuc"><em class="fa-brands fa-x-twitter"></em></a></span>
221+
</div>
222+
</div>
223+
</div> </div>
224+
<!-- Footer -->
225+
<div class="container" id="site-footer">
226+
<div class="row text-right">
227+
<div class="container" style="margin-bottom: 10px;">
228+
<em class="fa-regular fa-closed-captioning"></em> <a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license">BY-SA</a> 2012-2025 ujuc. Built using <a href="http://getpelican.com" target="_blank">Pelican</a>.
229+
</div>
230+
</div> </div>
231+
<!-- Javascript -->
232+
<!--bootstrap-->
233+
<script crossorigin="anonymous" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script> <div class="contents" id="js">
234+
</div>
235+
</body>
236+
</html>

‎archives.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,9 @@
9393
<div class="archive-title">
9494
<em class="fa-solid fa-square-pen"></em> 2025
9595
</div>
96+
<div class="archive-body" style="padding-left: 1em;">
97+
<em class="fa-solid fa-cloud-arrow-up"></em> <a href="https://ujuc.github.io/2025/10/29/배포-나는-어떻게-구성했나/">배포, 나는 어떻게 구성했나</a>
98+
</div>
9699
<div class="archive-body" style="padding-left: 1em;">
97100
<em class="fa-solid fa-cloud-arrow-up"></em> <a href="https://ujuc.github.io/2025/08/26/claude-code-요금제-정리/">Claude Code 요금제 정리</a>
98101
</div>

‎author/ujuc.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,18 @@
8888
</header>
8989

9090
<div id="site-article" class="container">
91+
<article class="row">
92+
<div class="container">
93+
<div>
94+
<a href="https://ujuc.github.io/2025/10/29/배포-나는-어떻게-구성했나/" class="article-title">배포, 나는 어떻게 구성했나</a>
95+
</div>
96+
<div class="article-meta">
97+
<em class="fa-regular fa-calendar-plus"></em> 25. 10. 29.
98+
/ <em class="fa-solid fa-arrows-rotate"></em> 25. 10. 29. </div>
99+
<div class="article-text"><p>내가 지금까지 사용했고, 구성해보았던 배포 방식에 대해서 정리한다. 그리고 배치는 &ldquo;어떤 환경에 어떤 방법으로 서비스를 배치할 것인가?&rdquo;에 대해서 생각해야 한다.</p></div>
100+
</div>
101+
</article>
102+
<hr/>
91103
<article class="row">
92104
<div class="container">
93105
<div>
@@ -135,18 +147,6 @@
135147
<div class="article-text"><p>Claude Desktop에서 MCP 설정 세번째라서 나중에 혹시나 계속 쓸가봐 남겨둔다.</p></div>
136148
</div>
137149
</article>
138-
<hr/>
139-
<article class="row">
140-
<div class="container">
141-
<div>
142-
<a href="https://ujuc.github.io/2024/12/29/adieu-2024-bienvenue-2025/" class="article-title">Adieu 2024, Bienvenue 2025</a>
143-
</div>
144-
<div class="article-meta">
145-
<em class="fa-regular fa-calendar-plus"></em> 24. 12. 29.
146-
/ <em class="fa-solid fa-arrows-rotate"></em> 24. 12. 29. </div>
147-
<div class="article-text"><p>이제 2025년이구나&hellip;</p></div>
148-
</div>
149-
</article>
150150
</div>
151151

152152
<!-- body foot -->

‎author/ujuc10.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,18 @@
8888
</header>
8989

9090
<div id="site-article" class="container">
91+
<article class="row">
92+
<div class="container">
93+
<div>
94+
<a href="https://ujuc.github.io/2018/12/28/adieu_2018_bienvenue_2019/" class="article-title">Adieu 2018, Bienvenue 2019</a>
95+
</div>
96+
<div class="article-meta">
97+
<em class="fa-regular fa-calendar-plus"></em> 18. 12. 28.
98+
</div>
99+
<div class="article-text"><p>2018년이 끝나감&hellip;</p></div>
100+
</div>
101+
</article>
102+
<hr/>
91103
<article class="row">
92104
<div class="container">
93105
<div>
@@ -135,18 +147,6 @@
135147
<div class="article-text"><p>Google Drive Stream이 실행은 커녕 죽어버린다.</p></div>
136148
</div>
137149
</article>
138-
<hr/>
139-
<article class="row">
140-
<div class="container">
141-
<div>
142-
<a href="https://ujuc.github.io/2018/10/26/maeg-e-seo_gpgki-reur_i-yong-ha-yeo_commit_hae-bo-gi/" class="article-title">맥에서 GPG키를 이용하여 Commit 해보기</a>
143-
</div>
144-
<div class="article-meta">
145-
<em class="fa-regular fa-calendar-plus"></em> 18. 10. 26.
146-
/ <em class="fa-solid fa-arrows-rotate"></em> 22. 05. 01. </div>
147-
<div class="article-text"><p>GPG 키를 이용해서 내 커밋이 정말 내가 올린 것이라 말하고 싶었다.</p></div>
148-
</div>
149-
</article>
150150
</div>
151151

152152
<!-- body foot -->

0 commit comments

Comments
 (0)