🎨 아키텍처 시각화

📚 목차

💥 v01: 파이썬 스크립트 재해

요청: "S3 정적 → EKS 동적 마이그레이션 작업이 끝났으니, 우리가 함께 작업한 AWS 서버 인프라를 기반으로 아키텍처를 그려줘"

결과: draw.io 파일 자체가 열리지 않음. 파이썬 스크립트의 XML 생성 로직에 오류가 있었습니다.

🎨 v02: AWS 아이콘의 함정

피드백: "AWS 아이콘을 이용해서 그려줘"

결과: 정말 딱 아이콘만 사용. 너무 단조롭고 디자인 색깔도 안 맞음. VPC만 보임.

추가 요청: "디자인 색깔이 안 맞아. 서브넷도 표현해줘"

🎨 AWS 아이콘은 사용했지만... 너무 단조롭고 색깔이 안 맞음

😱 v03: 디자인 재앙

결과: 서브넷을 그리긴 했지만 정확하지 않음. ALB도 한 개뿐. 디자인이 만족스럽지 않음.

피드백: "디자인이 마음에 안 들어. 내가 원하는 디자인 템플릿을 알려줄게"

😱 서브넷은 그렸지만... 디자인이 만족스럽지 않음

📐 v04: 디자인 템플릿 제공

피드백: "내가 원하는 디자인 템플릿을 알려줄게, 다시 그려줘"

결과: 디자인이나 노테이션은 마음에 듦. 하지만 박스 위치가 부정확해서 가독성 떨어짐.

추가 피드백: "간격 조정해줘. VPC 밖에 있어야 하는 리소스들도 정확하게 표현해줘"

📐 디자인은 마음에 들지만 박스 위치와 간격이 부정확

✋ v05: 직접 손수정

액션: 직접 VSCode로 draw.io 파일을 열어서 위치와 크기를 손수정.

지시: "이 수정한 파일을 읽고 v06을 그려봐"

상태: 디자인 큰 구조는 괜찮아짐. 이제 세부 항목 추가 가능.

✋ 직접 VSCode로 수정한 결과 - 디자인 프레임워크 확정

🚀 v06부터: 세부 항목 추가 단계

실제 기록된 v06~v10 진화 과정:

• v06: 기본 구조 설계 - ALB 배치 문제 발견
• v07: VPC 내부/외부 서비스 구분 - 핵심 깨달음
• v08: ALB 정확한 표현 - 논리/물리적 개념 구분
• v09: HA 구성 설계 - 단일 장애점 제거
• v10: 범례 크기 조정 - 가독성 개선

v08: ALB 정확한 표현

v09: HA 구성 완성

✅ v10: 범례 크기 조정 - 가독성 개선

💡 주요 포인트

• 첫 시도는 파일 생성 실패
• 아이콘만으로는 부족
• 직접 수정이 필요한 경우가 있음
• 큰 구조 → 세부 항목 순서로 진행

📚 관련 자료