수정 페이지 이동 src/main/java com.spms.controller BoardController.java ...더보기 package com.spms.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.w..

조회 페이지 작성 views/board get.jsp (register.jsp 를 가지고 활용) ...더보기 게시판 조회 게시글 조회 페이지 글 번호 작성자 제목 내용 Modify List 게시글 번호를 보여줄 수 있는 필드를 추가하고, 모든 데이터는 readonly로 지정해서 작성한다. 폼 태그는 조회 페이지에서 필요없으므로 제거한다. 수정 버튼과 삭제 버튼을 추가하고, 해당하는 페이지로 이동하는 링크를 처리한다. 직접 링크를 처리하는 방식을 사용해서 처리하는 것보다는 나중에 다양한 상황을 처리하기위해 폼 태그를 이용해서 수정한다. operForm 이라는 id를 가진 폼 태그를 추가해서 전송해야 하므로 추가적인 자바스크립트 처리를 한다. 사용자가 수정 버튼을 클릭 시 bno 값을 같이 전달하고 폼 태그..

게시글 등록 결과 모달 다이얼로그 오픈 views/board/ list.jsp ...더보기 게시판 목록 게시글 목록 페이지 / / / × 게시글 등록 결과 처리가 완료되었습니다. Close Save changes 모달창은 기본적으로 를 화면에 특정위치에 보여주고 배경이 되는 배경색을 입혀서 처리한다. 모달창은 활성화된 를 선택하지않고는 다시 원래 화면을 볼 수 없도록 막기때문에 메세지를 표시하는데 효과적인 방식이다. 모달창에 대한 코드는 다운로드한 SBAdmin2의 pages폴더 내 notifications.html 파일을 참고하면 된다. 태그의 아래쪽에 모달창 태그를 추가한다. 모달창 표시 작업은 jQuery를 이용해서 list.jsp의 하단 부분에 처리한다. checkModal() 파라미터에 따라 모..

목록 화면 처리 JSTL 태그 라이브러리 준비 views/board list.jsp 상단의 JSP 페이지 지시자 바로 밑에 JSTL 태그라이브러리를 준비한다. 모델 데이터 출력 views/board list.jsp ...더보기 게시판 목록 게시글 목록 페이지 / / / 기존의 정적 데이터를 데이터베이스로부터 가져온 모델 데이터로 대체한다. 게시판 목록 페이지 확인 등록 입력 페이지 처리 src/main/java com.spms.controller @GetMapping("/register") public void register() ...더보기 package com.spms.controller; import org.springframework.stereotype.Controller; import org.s..

템플릿 분리 JSP 작성 시마다 대량의 HTML 코드를 이용하는 것을 피하기 위해 필요한 내용만을 작성할 수 있게 사전 작업을 해야한다. 간단히 말하자면, 중복 코드의 제거이다. 중복코드가 발생하는 공통 영역은 사이트의 헤더부분과 푸터부분이다. 헤더 분리 views/includes header.jsp list.jsp 에서 아래의 영역을 header.jsp 로 떼어내고, list.jsp 상단에다가는 JSP 지시자를 넣어준다. 그리고나서 그 바로 밑에 를 추가해준다. ... 푸터 분리 views/includes footer.jsp 부터 마지막까지의 영역을 footer.jsp 로 떼어낸다. 그리고나서 list.jsp 하단에다가는 를 추가해준다. 분리된 템플릿 확인 브라우저로 정상적으로 동작하는지 확인 : ht..

화면 처리에 들어가기 앞서.. 대부분 일정문제로 유닛 테스트코드를 작성하지 않은 경우가 많은데 유닛 테스트를 먼저 진행하는 습관을 갖는게 좋다. 반복적으로 입력과 수정, WAS의 재기동 시간을 고려해보면 유닛테스트를 진행하는 편이 더 빠른 개발이 되는 경우가 많다. 지금까지 CRUD 게시판에 대한 기본 처리와 테스트가 완료되었다. 이제부터 하게되는 화면처리에서 발생하는 문제는 대부분 화면(JSP, Javascript, CSS) 쪽에서만 발생하게 되는 것이다. 화면을 개발하기 전에는 반드시 화면의 전체 레이아웃이나 디자인이 반영된 상태에서 개발해야한다. (*) 화면을 나중에 처리할 생각으로 생각한다면 결과적으로 시간이 훨씬 더 걸리게 되므로 권장하지 않는다. 웹 디자이너없이 프로젝트를 진행하고자 한다면, ..