반응형 블로그만들기 5 네이버 블로그 만들기 프로젝트(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. 네이버 블로그 만들기 프로젝트(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) - 아이디 중복검사 기능 구현 아이디 중복검사 기능 구현 ajax 통신을 통해 DB에 Id가 중복되는지 확인해서 id중복검사 기능을 구현해보겠다. [ 만들 기능 ] 1. 빈값 체크 2. 유효성 검사(5~20자 특수문자 -와_만 허용) 3. id 중복체크 1. jsp에서 ajax 통신을 이용해서 호출 URL로 Data 보냄 2. Controller에서 호출 URL을 받아 Action과 연결함. 3. Action에서 getParameter로 가져온 userId값을 Service로 보내줌. 4. Service에서 id값을 받아 커넥션 풀에서 DB 연결하고, 회원정보 찾아봄. 5. DAO 안에서 service에게 전달받은 id를 SQL에 맞게 검색 후 결과값 리턴해서 Service에게 줌. (+커넥션 끊음) 6. 다시 Service에서 DB.. 2022. 10. 17. 네이버 블로그 만들기 프로젝트(0) - 이클립스 설치 및 프로젝트 생성, 회원가입/로그인 기본기능 구현 프론트엔드 단에서 자바스크립트만 열심히 만지다보니 이벤트나 메소드는 익숙해지고 있으나 서버단, 그리고 SQL 쿼리는 점차 까먹기에 이르렀다. 학원 다니면서 만들어봤던 쇼핑몰 프로젝트도 열심히 했지만, 여러명이서 나눠서 했기 때문에 디테일한 부분은 잘 모르는게 사실이다. 다시 복기시키는 겸, 요즘 열심히 하는 네이버 블로그의 폼을 따서 나만의 블로그(이지만 실상은 게시판인)를 만들어보기로 했다. 디자인은 크게 자신이 없어서 네이버 소스보기로 틀을 긁어오고, 나머지는 BootStrap을 사용할 예정이다. 회원가입/로그인 기능도 구글링해서 기본 테이블 제작 후, 후에 세부적으로 커스터마이징 하기로 마음먹었다. 하나하나 한걸 나눠서 전부 포스팅하면 좋을거라 생각하지만.... 로그인/회원가입 예제는 구글링에 잘 .. 2022. 10. 17. 이전 1 다음 반응형 LIST
