반응형 블로그프로젝트 5 네이버 블로그 만들기 프로젝트(9) - 게시글 검색 기능 게시글 검색 기능 검색어 색션에 검색어를 입력하면 해당하는 게시글만 보이게 하자. [ 만들 기능 ] 1. 게시글 전체 검색 기능 2. 내 블로그에서 내 게시글로만 검색기능 1. 블로그 게시글 전체 검색 기능 검색을 블로그 메인 페이지에서 진행하면 전체 게시글 중에 검색하고(내것도 나옴), 내 블로그 안에서 하면 내가 작성한 게시글들만 검색되게 해보자. 1) jsp mainPage.jsp 에서 검색 시 form 으로 보내주도록 하자. 옵션값을 줘서 제목 또는 내용으로 검색할 수 있게 할 것이다. 블로그 전체 검색 제목 내용 검색 form을 통해 입력한 값을 searchWordAction.me로 보내줄 것임. 2) Controller 어차피 메인페이지에 게시글 리스트 띄우는 방식과 동일하다. 조건만 바뀐 것.. 2022. 12. 14. 네이버 블로그 만들기 프로젝트(8) - 게시글 수정하기(이미지 업로드 포함) 게시글 수정하기 게시글 수정 버튼을 누르면 네이버 스마트 에디터를 연결해놓은 페이지로 이동한다. 그리고 이전에 작성했던 내용이 나오고, 그 내용을 수정하면 다시 update 될 수 있게 하자. 사진은 수정 할수도, 안할 수도 있기 때문에 따로 분기처리를 해줘야할 것 같다. [ 만들 기능 ] 1. 게시글 수정 버튼 누르면 수정페이지로 이동 2. 게시글 수정 페이지에 기존에 작성한 내용 띄우기 3. 게시글 수정 내용을 저장하면 DB에 업데이트(단, 사진은 분기처리) 1. 게시글 수정 버튼 누르면 수정페이지로 이동 1) jsp blogPost.jsp는 게시글 상세보기 페이지이다. 세션에 접속된 유저가 보고 있는 게시글의 작성자라면, 수정/삭제버튼이 보이게 해놓았다. 수정버튼을 누르면 postUpdateActi.. 2022. 12. 13. 네이버 블로그 만들기 프로젝트(7) - 게시글에 사진 첨부하기(multipart로 ajax 통신) 게시글에 사진 첨부하기(multipart로 ajax 통신) 멀티파트를 통해 사진을 저장해주자. [ 만들 기능 ] 1. 네이버 스마트 에디터에 작성한 글과 사진이 DB에 저장됨 2. 저장된 이미지는 게시글 상세보기에서 볼 수 있음 1. 작성한 내용 ajax로 보낼 때 FormData로 보내기 ▼ FormData란? FromData란 ajax로 폼 전송을 가능하게 해주는 FormData 객체입니다. 더보기 FromData란 ajax로 폼 전송을 가능하게 해주는 FormData 객체입니다. 보통은 Ajax로 폼(form 태그) 전송을 할 일이 거의 없습니다. 주로 JSON 구조로 "KEY-VALUE" (키와 값) 구조로 데이터를 전송합니다. 하지만, form전송이 필요한 경우가 있는데, 이미지를 ajax로 업.. 2022. 12. 13. 네이버 블로그 만들기 프로젝트(5) - 내 블로그 페이지 만들기 / 나만 내 게시글 삭제하기 내 블로그 페이지 만들기 이젠 반복작업이다. 저번 포스팅의 위젯을 그대로 따고, 내 블로그 페이지에는 세션에 있는 회원의 정보를 띄워주도록 하자. [ 만들 기능 ] 1. 내 블로그 클릭하면 내가 쓴 게시글 목록이 나오게 하기 2. 게시글 목록을 클릭하면 게시글 상세페이지로 이동 3. 위젯에 내 프로필 사진과 ID를 띄움 4. 세션 ID = 게시글 쓴 사람 이면 삭제버튼이 보이게 하기 5. 게시글 삭제 기능 구현 1. 메인페이지에서 내 블로그 클릭하면 내가 쓴 게시글 목록이 나오게 하기 간단하게 링크를 걸어준다. 1) JSP MyBlog 로그인한 '내' 블로그에 가는 것이므로 sessionScope.id를 사용해준다. 2) Controller //-------------------- 내 블로그 페이지를 보.. 2022. 10. 28. 네이버 블로그 만들기 프로젝트(3) - 게시글 목록 페이지 만들기 게시글 목록 페이지 만들기 관리자가 아닌 일반로그인 후 게시글 목록을 띄우는 블로그 메인페이지로 이동하도록 구현해보겠다. [ 만들 기능 ] 1. 로그인 후 블로그 메인페이지로 이동 2. 메인페이지에 postDB에 있는 게시글 목록 리스트 띄우기 1. 로그인 후 일반회원이면 메인페이지로 가도록 링크 연결. 2. Controller에서 호출 URL을 받아 Action과 연결함. 3. Action에서 getPostList로 가져온 postList 배열값을 Service로 보내줌. 4. Service에서 커넥션 풀에서 DB 연결하고, 게시글 목록 배열로 담아옴. 5. DAO 안에서 SQL에 맞게 검색 후 결과값 리턴해서 Service에게 줌. (+커넥션 끊음) 6. Action에서 Service에게 받은 결과값.. 2022. 10. 20. 이전 1 다음 반응형 LIST
