2025.05.22 (목)
드디어 !
온프레미스 아키텍처의 마지막 순서인,
인프라 구성도와 프로토타입을 만드는 순서입니다 !
사실 이 복습을 진행하는 날이 수업을 들은지
2주가 넘어가는 시점입니다..
물론 바쁘고, 복습에 많은 시간을 쓰지 못한 것도 있지만
내용이 정말 많아서 복습하는데 시간이 많이 걸렸습니다 ㅠㅠ
얼른 다음 것도 해야해서 후다닥 속도를 내보겠습니다 !
앞에서 온프레미스 아키텍처 구성을 위해
시스템 구성도, 하드웨어, 소프트웨어, 서비스흐름도를 작성했는데요,
인프라를 통합하여 흐름을 나타내는 인프라 구성도와
실제 고객에게 제공되는 서비스를 간단히 표현해보는 프로토타입을
마지막으로 만들어 전체 인프라 제안에 사용하게 됩니다 !
이번 온프레미스 아키텍처의 마무리 파트인 만큼
아쉽지 않게 자세하고 정확하게 표현하는게 중요할 듯 합니다.
그럼 복습 시작하겠습니다 !
[온프레미스 아키텍처 - 인프라 구성도와 프로토타입]
1. 인프라 구성도
○ 인프라 구성도 정의
: 서비스를 운영하기 위한 전체 기술 환경을 시각적으로 정리한 그림
→ 서버, 네트워크, 보안 장비의 배치와 연결 등 흐름 중심으로 표현
○ 인프라 구성도 필요 이유
: 구성요소 확인, 보안 경계 시각화, 확장/장애 대응 고려, 공유와 협업(구성를 기준으로 개발/운영/보안 담당자가 이해 및 소통)
○ 하드웨어/소프트웨어/인프라 구성도 간 차이점
| 구성도 종류 | 표현 대상 | 초점 | 사용 시점 |
| 하드웨어 구성도 | 서버 장비의 사양, 수량, 배치 위치 | 무엇을 사용할 것인가 | 장비 선정 및 구매 단계 |
| 소프트웨어 구성도 | 기능 흐름, API 연결, 데이터 관계 | 어떻게 기능이 연결될 것인가 | 기능 설계 및 구현 단계 |
| 인프라 구성도 | 서버 위치, 네트워크 흐름, 보안 구간 | 어디에 무엇이 배치되고, 흐름이 어떻게 구성되는가 | 인프라 설계, 보안 검토, 배포 준비 단계 |
2. 인프라 구성도 작성 실습
○ 인프라 구성도 작성 시 필요 사항
: 외부 요청, DMZ 내 Web Server/API 서버 요청, WAS, 미디어 서버, 모니터링 서버 확인
○ 구성요소 설명
- 방화벽 : 설정된 IP와 포트에 대한 차단 (L4 패킷 차단)
- WAF(Web Application Firewall) : 웹 사이트 악성 스크립트 공격 방어 (L7 패킷 차단)
- IPS : 침입 방지 시스템 (악성 트래픽 등)
- DMZ : 외부 네트워크와 내부 네트워크 사이에 있는 완충적 보안 영역
- Web Server : 정적 콘텐츠 제공, 사용자 요청 처리, 프록시 역할
- API Server : 클라이언트 요청에 대한 비즈니스 로직 처리 (REST, GraphQL 등)
- FCM API : 스마트폰 알림 발송을 위한 Firebase API 연동
- WAS(Web Application Server) : 동적 컨텐츠 처리
- Database : 데이터 저장 관리
- 미디어 서버 : 미디어 데이터 저장
- 모니터링 서버 : 시스템 감시
○ 구성요소별 인프라 전략
- 방화벽 : 외부 패킷이 처음 방화벽에서 1차 필터링 (L3 방어)
- WAF(Web Application Firewall) : OWASP 10 rule 방어 (SQL injection 공격 등)
- IPS : DDos 공격 탐지 및 방어 (L4 방어)
- DMZ : Web Server 기준으로 DMZ를 구성하여 Web Server 뒤쪽 인프라를 외부로부터 보호
- Web Server : 정적 콘텐츠 별도 서버로 제공 (Nginx 사용)
- API Server : API G/W로 API 기준 부하분산 수행
- FCM API : Firebase API 연동으로 실시간 알림 구현
- WAS : Spring 기반 WAS 구축
- Database : RDBMS 사용
- 미디어 서버 : Nginx 기반 미디어 서버 구축
- 모니터링 서버 : Zabbix 기반 모니터링 시스템
→ 시스템의 전체적인 흐름과 위치, 하드웨어와 소프트웨어 정보를 모두 담고 있으며, 왜 구성하게 되었는지도 생각 가능
3. 프로토타입 개념
: 실제 제품 개발 전, 아이디어의 타당성과 구체성을 미리 확인하는 단계
→ 최종 제품의 모습을 모형(Mock-up)또는 시뮬레이션 형태로 구현
→ 주로 인터페이스(UI), 기능흐름(Flow), 상호작용(Interaction) 등을 시각적으로 표현
→ 제품 개발 초기에 빠르게 검토하고 수정할 수 있는 유연성 제공
○ 프로토타입의 목적과 필요성
① 사용자 요구사항의 명확한 반영
② 이해관계자(기획자, 디자이너, 개발자, 클라이언트)와의 원활한 소통
③ UI/UX 품질 사전 개선 및 최적화
④ 개발 리스크의 사전 제거 및 비용 절감
○ 프로토타입 유형 및 특징
① 로우 피델리티 프로토타입 (Low-Fidelity Prototype)
: 단순화된 형태로 아이디어를 빠르게 표현한 프로토타입
→ 특징 : 손그림/와이어프레임 형태, 제작 시간 짦음, 수정 용이, 디테일 최소화
→ 활용 시점 : 기획 초기, 아이디어 구상 및 피드백 확보 단계
② 하이 피델리티 프로토타입 (High-Fidelity Prototype)
: 실제 제품과 매우 유사하게 세부적인 UI와 상호작용이 구현된 프로토타입
→ 특징 : 실제 앱 서비스와 유사 형태, 현실적 테스트와 구제적 검증을 위한 제작
→ 활용 시점 : 상세 기획 마무리 단계, UX 테스트 단계, 최종 디자인 결정 및 개발 직전 단계
○ 프로토타입의 핵심 역할
① 아이디어 커뮤니케이션 도구
② 팀원 및 이해관계자 간 공감대 형성
③ 사용자 테스트 도구
④ 실제 사용자 피드백 수집
⑤ 요구사항 명세 도구
⑥ 기술 검증 도구
○ 프로토타입 단계별 제작 방법
① 요구사항 분석 단계
→ 만들고자 하는 서비스의 기능 정의
② 스토리보드(Storyboard) 작성 단계
→ 사용자의 행동 흐름을 단계별로 시각화 (행동과 결과 정리)
③ 와이어프레임(Wireframe) 제작 단계
→ 각 화면에 어떤 정보와 기능이 배치될지 구조 설계
④ 시각적 요소 추가 단계
→ 와이어프레임에 디자인 요소 추가
⑤ 인터랙션 구현 단계
→ 사용자 행동에 따라 화면이 어떻게 반응할지 연결
○ 프로토타입 시각화 도구 - [ Figma ]
: 웹 기반 UI/UX 디자인 및 협업 도구
→ 강력한 화면 디자인 및 인터랙션 정의, 실시간 협업 지원
→ 주요 기능 : 프레임 구성, UI 구성 요소 활용, 프로토타입 연결, 주석 작성
→ 사용 이유 : 빠르고 간편한 프로토타입 제작, 인터랙션의 간편 구현, 기술적 설명 표현 가능
4. 프로토타입 제작 실습
→ 웹 UI처럼 하나의 페이지로 구성할 수도 있고, 두 번째 사진처럼 두 개의 프레임에 화면별로 나눠 제작 가능함
→ 사진에는 보이지 않지만 인터랙션(Interaction)을 구상하면 넘어가는 프레임으로 화살표가 표시됨
이후에 해당 내용을 가지고 3차 미니프로젝트를 진행했습니다 !
하지만 제가 해당 미니프로젝트에서 작성한 결과물을 예시로 많이 올리기도 했고,
설명한 과정의 반복이라서, 프로젝트를 수행한 내용은 생략하고
강의장에서 있었던 내용이나 부수적인 내용을 적은 글 하나로 마무리하겠습니다 !
정말 오래 걸렸네요 .. 온프레미스 아키텍처...
그만큼 중요하다는 뜻이겠죠...?!
사실 지금 클라우드를 배우는 시점에서 생각해보면,
온프레미스에서 다루는 내용들이 모든 인프라를 구축하는데 기본이 됩니다 !
이후에는 어떤 클라우드 서비스를 이용하여 해당 파트를 대체할 수 있을까?
에 대한 내용을 생각하면 되는 듯합니다.
그래서 어쩌면 이번 온프레미스 아키텍처가 오래 걸리고 어려웠던거 같습니다..!
그럼 이후 수업도 다시 복습하러 가야겠네요
많이 남았거든요 ^0^ ㅎㅎㅎ
다들 오늘도 고생하셨습니다 !!!
'KT AIVLE School > 수업 내용 정리' 카테고리의 다른 글
| 클라우드 인프라 및 가상화 [KT 에이블스쿨] 2025.05.28(수) (3) | 2025.06.12 |
|---|---|
| 클라우드 개요 [KT 에이블스쿨] 2025.05.27(화) (4) | 2025.06.11 |
| 온프레미스 아키텍처 - 서비스 흐름도 [KT 에이블스쿨] 2025.05.21(수) (2) | 2025.06.07 |
| 온프레미스 아키텍처 - 소프트웨어 구성도 [KT 에이블스쿨] 2025.05.20(화) (2) | 2025.05.30 |
| 온프레미스 아키텍처 - 하드웨어 구성도 [KT 에이블스쿨] 2025.05.19(월) (2) | 2025.05.28 |