글 목록

ERWeb은 요구사항과 설계를 어떻게 연결할까?

ERWeb의 요구사항 화면과 Wireframe 화면을 실제 이미지로 살펴봅니다. 같은 요구사항을 화면 설계에 연결하고, 두 화면에서 그 관계를 확인하는 흐름을 소개합니다.

이 글의 내용 4개 항목

첫 글에서는 ERWeb을 시작한 이유와, AI 시대에 사람과 AI가 함께 볼 개발 기준이 필요하다는 생각을 이야기했습니다. 이번에는 그 기준을 ERWeb에서 어떤 모델로 정리하고 연결하는지 소개하려 합니다.

ERWeb이 제공하는 주요 모델링

개발에서는 무엇을 만들지, 어떤 화면과 데이터가 필요한지, 어떻게 동작하고 검증할지를 구체화합니다. ERWeb은 이 과정에 필요한 여러 모델링을 제공합니다.

모델링 정리하는 내용
요구사항 만들어야 할 기능과 조건, 우선순위
Wireframe 화면의 구성과 사용자 흐름
데이터베이스 저장할 데이터와 그 관계
클래스·API 기능을 처리하는 구조와 외부에 제공할 기능
QA·테스트 무엇을 확인하고 어떤 결과를 통과로 볼지

이 밖에도 서비스, 쿼리, 시퀀스, 인프라 등의 모델링이 있습니다. 이번 글에서는 개발 흐름을 이해하는 데 필요한 주요 모델을 중심으로 보겠습니다.

요구사항에서 설계로, 단계적으로 이어집니다

실무에서는 요구사항을 정리하고 기획한 뒤, Wireframe으로 화면을 구체화하고 데이터베이스와 기능을 설계해 나갑니다.

요구사항 → 기획 → Wireframe → 데이터베이스·기능 설계 → 구현 → 검증

요구사항은 각 단계에서 판단할 기준이 됩니다. 화면에는 사용자가 해야 할 행동이 담기고, 데이터베이스에는 그 행동에 필요한 정보가 담깁니다. 기능 설계는 이를 어떻게 처리할지 정하고, 검증에서는 요구한 결과가 나오는지 확인합니다. 설계하다 빠진 조건을 발견하면 요구사항으로 돌아가 보완합니다.

ERWeb에서는 요구사항과 그 요구사항을 반영하는 화면을 연결할 수 있습니다. 아래에서는 하나의 주문 조회 요구사항을 기준으로, 요구사항 화면과 Wireframe 화면에서 이 관계가 어떻게 보이는지 살펴보겠습니다.

요구사항을 Wireframe 화면에 연결합니다

요구사항 확인 → Wireframe의 화면 선택 → 요구사항 연결 설정 → 연결 결과 확인

아래 이미지는 ERWeb Desktop에서 OmniOrder 예제 프로젝트를 연 실제 화면입니다. 요구사항 번호 REQ-ORD-005와 화면 번호 SCR-003을 따라가면 같은 연결을 확인할 수 있습니다. 이미지를 누르면 원본 크기로 볼 수 있습니다.

1. 요구사항 화면에서 만들 내용을 확인합니다

요구사항 화면에서 REQ-ORD-005 · 주문 상세 통합 조회를 선택합니다. “운영자는 주문, 결제, 재고, 배송, 취소와 감사 이력을 한 화면에서 확인할 수 있어야 한다”는 조건이 화면 설계의 기준이 됩니다.

요구사항 화면에서 REQ-ORD-005 주문 상세 통합 조회를 선택한 모습. 본문에 요구 조건이 표시되고 오른쪽 직접 연결 자원에 SCR-003 주문 통합 상세가 보인다.
요구사항 번호와 내용을 확인합니다. 오른쪽에는 이 요구사항에 연결된 화면과 설계 자원이 표시됩니다.

2. Wireframe에서 화면에 요구사항을 연결합니다

Wireframe에서 SCR-003 · 주문 통합 상세 화면을 선택하고, 오른쪽 페이지 정보의 요구사항 연결 설정을 엽니다. 요구사항 번호나 제목으로 검색한 뒤 해당 항목의 연결을 누르고 적용하면 선택한 화면에 요구사항이 연결됩니다.

Wireframe의 요구사항 연결 설정 창. REQ-ORD-005로 검색한 주문 상세 통합 조회 항목 옆에 연결 버튼이 있고, 창 아래에 적용 버튼이 보인다.
요구사항 연결 설정에서 기존 요구사항을 검색해 화면에 연결합니다.

3. 화면 설계와 연결된 요구사항을 함께 확인합니다

연결된 상태에서는 Wireframe 오른쪽의 연결 요구사항에 REQ-ORD-005 · 주문 상세 통합 조회가 표시됩니다. 가운데 화면 구성과 요구사항을 함께 보면서, 주문 요약·처리 이력·주문 상품 등의 배치가 요구한 내용을 담고 있는지 검토할 수 있습니다.

SCR-003 주문 통합 상세 Wireframe. 가운데 주문 요약과 처리 이력, 주문 상품을 배치한 화면이 있고 오른쪽 연결 요구사항 목록에 REQ-ORD-005 주문 상세 통합 조회가 표시된다.
Wireframe의 연결 요구사항 목록에서 이 화면이 어떤 요구사항을 반영하는지 확인합니다.

같은 연결을 요구사항 화면에서도 살펴봅니다

다시 첫 번째 이미지를 보면, 요구사항 화면 오른쪽의 직접 연결 자원에도 SCR-003 · 주문 통합 상세가 표시되어 있습니다. 모델링에서 열기를 통해 연결된 화면으로 이동할 수 있습니다. 화면에서는 그 화면의 요구사항을, 요구사항에서는 관련 화면과 설계를 찾아보는 흐름입니다.

이렇게 연결해 두면 화면을 검토할 때 요구한 조건을 함께 확인하고, 요구사항을 검토할 때 그 내용을 어느 화면에 반영했는지 살펴볼 수 있습니다. 연결 여부만으로 구현이나 검증이 끝났다고 판단하는 것은 아니며, 실제 동작과 테스트 결과는 별도로 확인해야 합니다.

제가 ERWeb에서 중요하게 보는 것은 요구사항을 중심으로 기획과 설계, 구현과 검증의 관계를 이어 가는 것입니다. 사람은 그 관계를 보고 판단하고, AI도 같은 기준과 맥락을 바탕으로 작업을 도울 수 있도록 만들고자 합니다.

댓글

GitHub 계정으로 의견과 질문을 남겨 주세요. 댓글은 공개됩니다.

GitHub에서 댓글 보기 (새 창)