요구사항에 따른 화면 설계

  요구사항에서 나오는 용어를 기준으로 테이블이나 클래스의 이름들이 정해지듯이, 요구사항은 화면에도 영향을 미치게 됩니다. '고객이 새로운 게시물을 등록할 수 있어야 한다'면 당연히 그에 해당하는 화면을 구성하게 됩니다. 이 구성은 '어떤 내용들을 입력하게 될 것인가'에 세부적인 설계가 되고, 이를 기준으로 테이블이나 클래스의 멤버 변수(인스턴스 변수)들을 설계하게 됩니다. 실제 프로젝트에서는 결과로 아래 그림과 같이 '스토리 보드'를 만들게 됩니다.

 

  이러한 화면을 설계할 때는 주로 Mock-up(목업) 툴을 이용하는 경우가 많습니다. 대표적으로는 PowerPoint나 Balsamiq studio, Pencil Mockup 등의 SW를 이용해서 작성해 보면 좋습니다.

 

  각 화면을 설계하는 단계에서는 사용자가 입력해야 하는 값과 함께 전체 페이지의 흐름이 설계 됩니다. 이 화면의 흐름을 URL로 구성하게 되는데 이 경우 GET/POST 방식에 대해서 같이 언급해두는 것이 좋습니다.

 

 예제로 만들 게시물 관리는 리스트 화면에서 시작해서 아래 그림과 같은 흐름을 가지게 될 것입니다.

 

다음 글에서 예제 프로젝트를 구성해 보도록 하겠습니다.

 

출처: 코드로 배우는 스프링 웹 프로젝트