반응형 Project/블로그 프로젝트 10 네이버 블로그 만들기 프로젝트(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. 네이버 블로그 만들기 프로젝트(6) - Naver SmartEditor 2.0으로 게시글 만들기(+DB연결) Naver SmartEditor 2.0으로 게시글 만들기(+DB연결) 네이버 블로그처럼 블로그 내용을 다채롭게 작성하고 싶었다. 찾아보니 Naver SmartEditor가 오픈소스로 나와있길래 사용하기로 했다. 현재 네이버 블로그에 적용된 3.0은 오픈소스로 공개가 되어있지 않고, 2.8까지 사진 업로드가 가능하다고 해서 2.8로 사용하기로 함. [ 만들 기능 ] 1. 게시글 작성 페이지에 발행 누르면 DB 저장 2. 저장 후 게시글 상세보기 페이지에서 읽을 수 있도록 연결 1. Naver SmartEditor 2.0 설치하기 요 블로그 참고했다.(https://beforb.tistory.com/53) 스마트 에디터 2.8.2 다운로드 : https://github.com/naver/smarteditor.. 2022. 11. 4. 네이버 블로그 만들기 프로젝트(5) - 내 블로그 페이지 만들기 / 나만 내 게시글 삭제하기 내 블로그 페이지 만들기 이젠 반복작업이다. 저번 포스팅의 위젯을 그대로 따고, 내 블로그 페이지에는 세션에 있는 회원의 정보를 띄워주도록 하자. [ 만들 기능 ] 1. 내 블로그 클릭하면 내가 쓴 게시글 목록이 나오게 하기 2. 게시글 목록을 클릭하면 게시글 상세페이지로 이동 3. 위젯에 내 프로필 사진과 ID를 띄움 4. 세션 ID = 게시글 쓴 사람 이면 삭제버튼이 보이게 하기 5. 게시글 삭제 기능 구현 1. 메인페이지에서 내 블로그 클릭하면 내가 쓴 게시글 목록이 나오게 하기 간단하게 링크를 걸어준다. 1) JSP MyBlog 로그인한 '내' 블로그에 가는 것이므로 sessionScope.id를 사용해준다. 2) Controller //-------------------- 내 블로그 페이지를 보.. 2022. 10. 28. 네이버 블로그 만들기 프로젝트(4) - 게시글 상세페이지 연결 게시글 목록 클릭 시 상세페이지 연결하기 게시글 목록을 클릭하면 해당 게시글로 이동하는 기능을 구현해보자. [ 만들 기능 ] 1. 목록에 있는 게시글 클릭 시 postNo를 넘겨줌 2. 해당 postNo에 해당하는 상세페이지로 이동 3. 해당 상세페이지에 글쓴이의 정보가 위젯에 뜨게 하기 1. 메인페이지에서 게시글 클릭 시 해당 postNo 보내주기 상세보기 페이지로 파라미터 postno를 함께 넘겨준다. ${postList.POST_UPLOADTIME} ${postList.POST_TITLE} ----- ${postList.MEM_NO} ${postList.POST_CONTENT} Read more → 2. 상세페이지에 게시글 내용 출력 부트스트랩으로 가져온 페이지에 게시글 목록 띄운 것과 동일한 방법.. 2022. 10. 27. 이전 1 2 다음 반응형 LIST
