본문 바로가기
반응형

hELLO wORLD! 156

네이버 블로그 만들기 프로젝트(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.
전자정부프레임워크 3.10 초기 설정하기 [ 전자정부프레임워크 3.10 초기 설정 ] 전자정부프레임워크 기반의 제품 샘플을 제공하기 위해 기존에 만들어진 샘플 환경을 맞추고 최신제품으로 변환작업을 진행, 또한 새로운 샘플을 추가하기로 했다. [ 작업 내용 ] 1. 기존 샘플을 최신버전 샘플로 변환하는 작업(7 -> 8) - 샘플 내용 및 데이터는 동일 2. 새로운 샘플 추가 1. 공통 적용 내용 경로는 C://[제품명]_template/에 붙여넣기 프로젝트 명 eGovTemplate 으로 맞출 것. 최신화를 위해 jdk.1.8.0_192(x64)를 배포파일 내부에 넣고 적용. 공통 문서 작업을 위해 포트번호 8090으로 통일함. 2. 기초 셋팅 1) eclipse.ini에서 -vm 으로 jdk 64bit 폴더 설정 기존 제품에서는 x86 버전의.. 2022. 11. 3.
placeholder 에서 줄바꿈하기 줄바꿈 위치에 [ ] 을 넣어준다. 참고 : Character entity references in HTML 2022. 11. 1.
네이버 블로그 만들기 프로젝트(5) - 내 블로그 페이지 만들기 / 나만 내 게시글 삭제하기 내 블로그 페이지 만들기 이젠 반복작업이다. 저번 포스팅의 위젯을 그대로 따고, 내 블로그 페이지에는 세션에 있는 회원의 정보를 띄워주도록 하자. [ 만들 기능 ] 1. 내 블로그 클릭하면 내가 쓴 게시글 목록이 나오게 하기 2. 게시글 목록을 클릭하면 게시글 상세페이지로 이동 3. 위젯에 내 프로필 사진과 ID를 띄움 4. 세션 ID = 게시글 쓴 사람 이면 삭제버튼이 보이게 하기 5. 게시글 삭제 기능 구현 1. 메인페이지에서 내 블로그 클릭하면 내가 쓴 게시글 목록이 나오게 하기 간단하게 링크를 걸어준다. 1) JSP MyBlog 로그인한 '내' 블로그에 가는 것이므로 sessionScope.id를 사용해준다. 2) Controller //-------------------- 내 블로그 페이지를 보.. 2022. 10. 28.
반응형
LIST

티스토리툴바