Web - 11) 프로젝트 구조 설계

WEB

웹 애플리케이션의 성공적인 개발을 위해서는 명확한 프로젝트 구조 설계가 필요함.

프로젝트의 복잡성을 줄이고, 팀원 간의 협업을 원활하게 하며, 유지보수를 용이하게 함

웹 앱의 구조도 작성

웹 애플리케이션의 구조도는 시스템의 구성 요소와 그들 간의 관계를 시각적으로 표현한 다이어그램임.

구조도를 통해 애플리케이션의 전반적인 아키텍처를 이해하고, 개발 과정에서의 방향성을 제시할 수 있음

(1) 웹 앱 구조도

웹 앱 구조도는 애플리케이션의 주요 컴포넌트와 이들 간의 상호작용을 나타냄

 

• 클라이언트: 사용자 인터페이스(UI)와 사용자와 상호작용하는 브라우저 측의 애플리케이션
• 서버: 비즈니스 로직을 처리하고, 클라이언트의 요청을 처리하며,
  데이터베이스와 상호작용하는 서버 측 애플리케이션
• 데이터베이스: 데이터를 저장하고 관리하는 시스템
• API: 클라이언트와 서버 간의 통신을 처리하는 인터페이스

필요 페이지 명세서

웹 애플리케이션의 각 페이지는 특정한 기능과 역할을 가지고 있으며, 명확히 정의하는 것이 중요.

페이지 명세서는 각 페이지의 목적, 기능, 레이아웃, 그리고 필요한 인터랙션을 설명함

(1) 웹 앱의 메인 화면과 주요 화면에 해당하는 페이지의 명세서 작성

페이지 명세서는 각 페이지가 무엇을 수행하는지, 어떤 요소들이 포함되는지, 사용자와 어떻게 상호작용하는지에 대한 상세한 정보를 포함

 

• 페이지 이름: 페이지의 명칭
• 목적: 페이지의 주요 기능과 역할
• UI 구성 요소: 페이지에 포함될 UI 요소들 (예: 버튼, 폼, 테이블 등)
• 상호작용: 사용자가 페이지와 어떻게 상호작용할 수 있는지 설명
• 기능 요구 사항: 페이지에서 수행해야 하는 기능 및 요구 사항