bright jazz music

● 화면에서의 처리 검색 처리를 위해서는 검색타입(type)과 키워드(keyword)를 입력할 수 있는 UI가 필요하다. 검색 자체가 GET방식이므로 한글이 아니라면 GET방식의 쿼리스트링을 조작해서 테스트 할 수 있다. 예를 들어 아래와 같은 경로와 쿼리스트링을 주소창에 적어주어도 검색이 가능하다. '/guestbook/list?page=1&type=t&keyword=11' 예) localhost:8080//guestbook/list?page=1&type=t&keyword=11 ==> 제목(t) 안에 '11'이라는 문자열이 포함된 게시글들의 1페이지를 확인할 수 있다. 1. list 페이지에 검색 타입과 키워드 셀렉트 박스와 검색 버튼 추가하기 검색을 위한 셀렉트 박스, 검색창, 검색 버튼, clear..

● 검색 처리는 크게 두 가지로 나눌 수 있다. 서버 사이드 처리 화면 사이드 처리 검색 항목은 대략 아래와 같이 정의한다. '제목(t), 내용(c), 작성자(w)'로 검색하는 경우 '제목(t) 혹은 내용(c)'으로 검색하는 경우 '제목(t) 혹은 내용(c) 혹은 작성자(w)'로 검색하는 경우 1. 서버 사이드 처리 PageRequestDTO에 검색타입(type)과 키워드(keyword) 추가 이하 서비스 계층에서 Querydsl을 이용해서 처리 1-1. PageRequestDTO에 검색조건(type)과 검색 키워드(keyword) 추가 //PageRequestDTO.java package com.example.guestbook.dto; import lombok.AllArgsConstructor; imp..

수정 화면에서 목록 페이지로 이동하기 글의 수정과 삭제가 완료되면 다시 목록페이지로 이동하는 버튼을 처리한다. 현재 modify.html은 태그를 이용하여 모든 작업을 처리하고 여러 개의 input을 사용해 파라미터를 전송한다. 목록 페이지 이동 이벤트 처리 목록 페이지로 이동하는 경우 page와 같은 파라미터 외에 다른 파라미터들은 별도로 필요하지 않다. 따라서 목록으로 이동하는 경우 page를 제외한 파라미터들은 제거한 상태로 처리하는 것이 깔끔하다. GuestBook Modify Page!! Gno Title Content [[${dto.content}]] Writer RegDate ModDate Modify List Remove 이벤트 처리 시에는 우선 page와 관련된 부분만 따로 보관하고, e..

●수정 처리 시 고려할 사항 수정 시 수정해야 하는 내용('제목', '내용', '글번호')이 전달되어야 한다. 수정 후에는 목록 페이지로 이동하거나 조회 페이지로 이동해야 한다. 이 때 기존 페이지의 번호를 유지하는 것이 좋다. 1. 수정 절차 중 페이지 번호를 유지하도록 처리 현재 modify.html에는 '/guestbook/read'로 이동할 때 페이지 번호(page)가 파라미터로 전달된다. 이는 수정 페이지로 이동하는 경우에도 마찬가지이다. 이를 이용해서 수정 완료된 후에도 동일한 정보를 유지할 수 있도록 page값을 태그에 추가하여 전달한다. GuestBook Modify Page!! Gno Title Content [[${dto.content}]] Writer RegDate ModDate Mo..

● 수정과 삭제의 시작은 '수정' 페이지로 진입하는 것이다. 수정 화면에서 수정 또는 삭제 버튼을 눌러 처리한다. 수정 처리 게시글 조회 - 수정 버튼 클릭 - 내용 수정 - 수정 완료버튼 클릭- POST방식으로 데이터 전달 - 목록 페이지로 이동(PRG패턴) 삭제 처리 게시글 조회 - 삭제 버튼 클릭 - POST방식으로 데이터 전달 - 삭제 후 목록 페이지로 이동 1. 수정/삭제 처리를 위한 Controller 계층 수정 게시물의 수정과 삭제는 수정/삭제가 가능한 페이지에서 이루어진다. 이 페이지를 반환하기 위해 기존 GuestbookController.java의 read()메서드의 경로에 /modify를 추가한다. //GuestbookController.java package com.example.g..

● 현재는 게시글의 내용을 조회할 수 없다. ● 따라서 게시글을 을 클릭했을 때 내용을 조회할 수 있도록 처리한다. 1. service 인터페이스 수정 (GuestbookService.java) //GuestbookService.java (인터페이스) package com.example.guestbook.service; import com.example.guestbook.dto.GuestbookDTO; import com.example.guestbook.dto.PageRequestDTO; import com.example.guestbook.dto.PageResultDTO; import com.example.guestbook.entity.Guestbook; import org.springframework...

● 목록 페이지에 아래와 같은 기능를 추가한다. 글을 작성할 수 있는 링크를 제공하는 것 목록에 있는 각 글의 번호나 제목을 클릭했을 때 조회 페이지로 이동하는 것 1. 등록 페이지로 가는 링크 만들기 1-1. list.html 파일의 태그 윗 부분에 "REGISTER" 버튼 추가 GuestBook List Page!!!! REGISTER!! # Title Writer Regdate [[${dto.gno}]] [[${dto.title}]] [[${dto.writer}]] [[${#temporals.format(dto.regDate, 'yyyy/MM/dd')}]] Previous! [[${page}]] Next! Modal title × Modal body text goes here!!!!!! Close ..

문제 발생. 앞에서 작성한 코드가 동작하지 않았다. localhost:8080/guestbook/register에서 글을 등록하면 DB에 저장되고 게시판에 표시는 되지만 모달창이 뜨질 않았다. 크롬에서 개발자 모드를 켜봐도 아래와 같은 오류만 나타낼 뿐이었다. uncaught referenceerror: $ is not defined modal 자바스크립트 문제일 것이라고 생각하고 자바스크립트 소스를 추가해 주었다. 아래와 같은 오류만 나타날 뿐이었다. TypeError: "x" is not a function. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Not_a_function 결국 저자가 운영하는 카페에서 소스를..

**** 이 페이지를 참고하기 전에 아래의 를 참고할 것. **** guestbook : 07. 등록페이지와 등록처리 (2) 부트스트랩 관련은 다운 받은 파일을 사용하고 내용물은 전부 내 파일로 채워 넣을 것. catnails.tistory.com 1. 컨트롤러에 등록을 위한 경로 추가 //GuestbookController.java package com.example.guestbook.controller; import com.example.guestbook.dto.GuestbookDTO; import com.example.guestbook.dto.PageRequestDTO; import com.example.guestbook.service...

● 이전 포스팅에서 서비스 계층까지의 등록작업과 목록 처리가 완료되었다. 이 포스팅에서는 컨트롤러와 화면구성과 관련된 내용을 다룬다. 1. Controller 클래스 수정 GuestbookController 클래스 수정 //GuestbookController.java package com.example.guestbook.controller; import com.example.guestbook.dto.PageRequestDTO; import com.example.guestbook.service.GuestbookService; import lombok.RequiredArgsConstructor; import lombok.extern.log4j.Log4j2; import org.springframework.s..