Skip to content

Commit ce1f701

Browse files
Mermaid 다이어그램 지원 개선 및 아키텍처 문서 추가
- Mermaid 다이어그램을 전체적으로 적용하도록 변경 - AWS 서버리스 아키텍처 및 포스팅 프로세스 플로우에 대한 다이어그램 추가 - 테스트용 Mermaid 테마 관련 포스트 삭제
1 parent 5f46107 commit ce1f701

File tree

4 files changed

+101
-5
lines changed

4 files changed

+101
-5
lines changed

_layouts/default.html

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -68,10 +68,8 @@
6868
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
6969
<script src="{{ '/assets/js/main.js' | relative_url }}"></script>
7070

71-
<!-- Mermaid 다이어그램 지원 (조건부 로드) -->
72-
{% if page.mermaid %}
73-
{% include mermaid.html %}
74-
{% endif %}
71+
<!-- Mermaid 다이어그램 지원 (전체 적용) -->
72+
{% include mermaid.html %}
7573

7674
<!-- Google Tag Manager (noscript) -->
7775
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3KNH95M"

_posts/2024-04-10-aws-serverless-naver-blog-automation.md

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,78 @@ aws logs put-metric-filter \
128128

129129
### 아키텍처 상세 설계
130130

131+
#### AWS 서버리스 아키텍처 전체 구조
132+
133+
```mermaid
134+
graph TB
135+
subgraph "외부 트리거"
136+
A[CloudWatch Events<br/>스케줄 기반]
137+
B[S3 Event<br/>파일 업로드]
138+
C[API Gateway<br/>수동 트리거]
139+
end
140+
141+
subgraph "AWS 서버리스 서비스"
142+
D[Lambda Function<br/>네이버 블로그 포스팅]
143+
E[S3 Bucket<br/>콘텐츠 & 이미지 저장]
144+
F[CloudWatch<br/>로그 & 메트릭]
145+
G[SNS<br/>알림 서비스]
146+
end
147+
148+
subgraph "외부 서비스"
149+
H[네이버 블로그<br/>Selenium 자동화]
150+
I[이메일/슬랙<br/>알림 수신]
151+
end
152+
153+
A --> D
154+
B --> D
155+
C --> D
156+
157+
D <--> E
158+
D --> F
159+
D --> G
160+
D --> H
161+
162+
G --> I
163+
164+
style D fill:#667eea,stroke:#5a67d8,color:#fff
165+
style H fill:#f093fb,stroke:#e879f9,color:#1a202c
166+
style I fill:#4ade80,stroke:#22c55e,color:#1a202c
167+
```
168+
169+
#### 포스팅 프로세스 플로우
170+
171+
```mermaid
172+
sequenceDiagram
173+
participant CW as CloudWatch Events
174+
participant Lambda as Lambda Function
175+
participant S3 as S3 Bucket
176+
participant Selenium as Selenium Driver
177+
participant Naver as 네이버 블로그
178+
participant SNS as SNS 알림
179+
participant User as 사용자
180+
181+
CW->>Lambda: 스케줄 트리거 (예: 매일 오전 9시)
182+
Lambda->>S3: 포스팅 데이터 조회
183+
S3-->>Lambda: JSON 데이터 반환
184+
185+
Lambda->>Selenium: Chrome 드라이버 시작
186+
Selenium->>Naver: 로그인 & 포스팅 페이지 접근
187+
Selenium->>Naver: 제목, 내용, 이미지 입력
188+
Selenium->>Naver: 포스팅 게시
189+
Naver-->>Selenium: 게시 완료 확인
190+
Selenium-->>Lambda: 결과 반환
191+
192+
alt 성공 시
193+
Lambda->>S3: 상태 업데이트 (completed)
194+
Lambda->>SNS: 성공 알림 발송
195+
SNS->>User: 이메일/슬랙 알림
196+
else 실패 시
197+
Lambda->>S3: 에러 로그 저장
198+
Lambda->>SNS: 실패 알림 발송
199+
SNS->>User: 에러 알림
200+
end
201+
```
202+
131203
#### 1. S3 기반 콘텐츠 관리
132204
```json
133205
{

_posts/2025-06-07-mermaid-theme-test.md renamed to _posts/2025-06-06-mermaid-theme-test.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: "Mermaid 다크모드/라이트모드 자동 대응 테스트"
4-
date: 2025-06-07 00:00:00 +0900
4+
date: 2025-06-06 00:00:00 +0900
55
categories: [Test, Theme]
66
tags: [mermaid, dark-mode, light-mode, responsive-design]
77
author: "Kevin Park"

_posts/2025-06-06-vertex-ai-imagen-python-guide.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -190,6 +190,32 @@ batch_results = generate_batch_images(prompts)
190190
![프로덕션 환경 아키텍처](/assets/images/posts/vertex-ai-imagen-diagram-architecture.png)
191191
*Vertex AI Imagen을 활용한 프로덕션 시스템 아키텍처*
192192

193+
#### Vertex AI Imagen 워크플로우
194+
195+
```mermaid
196+
graph TD
197+
A[Python 애플리케이션] --> B[Vertex AI 인증]
198+
B --> C[ImageGenerationModel 로드]
199+
C --> D[프롬프트 입력]
200+
D --> E{배치 처리?}
201+
202+
E -->|단일| F[단일 이미지 생성]
203+
E -->|배치| G[배치 이미지 생성]
204+
205+
F --> H[이미지 후처리]
206+
G --> I[배치 결과 수집]
207+
I --> H
208+
209+
H --> J[로컬 저장]
210+
H --> K[Cloud Storage 업로드]
211+
212+
J --> L[완료]
213+
K --> L
214+
215+
style A fill:#667eea,stroke:#5a67d8,color:#fff
216+
style L fill:#4ade80,stroke:#22c55e,color:#1a202c
217+
```
218+
193219
#### 1. 프롬프트 엔지니어링
194220

195221
```python

0 commit comments

Comments
 (0)