목적에 따른 웹페이지 이동 설명

• 입력/수정/삭제하기
  • 입력 페이지
    • input, textarea 등에 입력 후
    • 처리페이지로 form submit으로 값을 넘김.
      • 보통 method는 post
  • 처리 페이지
    • php 나 asp 단에서 DB등을 처리
    • 결과 페이지로 이동
      • document.location.replace({URL}); 을 사용
        • document.location.href : 브라우저에 따라서 동작이 다를 수 있다. 히스토리에 처리페이지가 남을 수 있다.
        • window.open() : 히스토리에 처리페이지가 남는다.
        • form.submit() : 히스토리에 처리페이지가 남는다.
      • header('Location: {URL}'); 로 할 수도 있겠지만, 메세지 처리 등이 불가능함.
  • 결과 페이지
    • location.replace 로 이동 되었다면 처리페이지의 히스토리가 없기 때문에 뒤로가기를 해서 입력 페이지로 이동된다.
      • "처리페이지가 다시 불릴 일이 없다!"
        이게 중요한데, location.replace를 안하고 처리할 경우 히스토리에 처리 페이지가 남아서
        뒤로가기 후 "post값을 다시 사용할것인가?"에 대한 물음에 "예"를 할 경우 처리페이지가 똑같은 POST값을 다시 처리된다.
        데이터 중복 입력이나 PK에러가 발생할 수 있다.
• 검색하기
• 페이지리스트
  • 검색어 부분에서 검색어를 넣고 form submit
    • 이 때 method는 get
      • post로 할 경우 뒤로가기를 할 때 "post값을 다시 사용할것인가?" 를 물어보는 물음창이 뜬다.
        사용자는 이전 결과를 보고 싶었을 뿐인데, 한번더 클릭해줘야하는 불편이 생긴다.
• 페이지리스트(검색 적용)
• 뒤로가기를 하면 바로 전에 검색했던 결과가 보일 것이다.(캐싱하면 트래픽을 줄일 수 있다.)
• 검색어 부분에서 검색어를 넣고 form submit