상세 컨텐츠

본문 제목

[Spring] PRG 패턴 / 와이어프레임

Backend/Spring

by hyeminyy 2023. 12. 11. 11:29

본문

728x90

PRG 패턴 (Post Redirect GET)

 - 웹 MVC 구조에서 가장 흔하게 사용하는 패턴으로 POST 방식과 Redirect를 결합해서 사용하는 패턴이다.

 

PRG 패턴 방식

 - 사용자는 컨트롤러에 원하는 작업을 POST 방식으로 처리하기를 요청 

 - POST 방식을 컨트롤러에서 처리하고 브라우저는 다른 경로로 이동(GET)하라는 응답(Redirect)

 - 브라우저는 GET 방식으로 이동

 

PRG 패턴의 게시판 예시

 - 사용자가 새로운 게시글의 내용을 작성하고 POST 방식으로 전송

 - 서버에서 새로운 게시글을 처리한 후에 브라우저의 주소를 목록 화면 경로로 이동하도록 응답 (Redirect)

 - 브라우저는 목록 화면을 보여주고 사용자는 자신이 추가한 게시글이 추가된 결과를 확인

 

PRG 패턴은 POST 방식의 처리 후 바로 다른 주소로 브라우저가 이동하기 때문에 반속적으로 POST 호출이 되는 상황을 막을 수 있고, 사용자의 입장에서도 처리가 끝나고 다시 처음 단계로 돌아 간다는 느낌을 준다.

 

와이어 프레임 작성

 - 웹의 경우 여러 페이지를 만들 때 이동이 많기 때문에 우선 설계를 통해 어떤 흐름으로 동작하게 되는지를 미리 구성해보는 것.

 - 화면과 화면 사이에 어떤 일들이 처리되어야 하는지를 쉽게 구분하고 분류할 수 있다.

 

작성 요령

 - 화면에는 해당 페이지를 볼 수 있는 경로(URL)을 명시한다.

 - GET방식으로 동작하고 눈에 보이는 것을 가장 먼저 구성한다.

 - POST 방식으로 처리되는 컨트롤러는 다른 그림으로 표현한다.

 - Redirect되어 보여지는 경우는 다른 선으로 표현한다.

 

 

728x90

관련글 더보기