본문 바로가기
SMALL

분류 전체보기527

Ajax) 정리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. Ajax # Ajax * Asynchronous JavaScript and XML 이란 용어로써 2005년 2월 제시 제임스 카렛이 처음 사용하면서 알려지게 되었음 * 서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 하는 기법으로 비동기식 요청을 보내는데 필요한 기술을 말함 ## 동기식/비동기식이란? 동기식은 서버와 클라이언트가 동시에 통신하여 프로세스를 수행 및 종료까지 같이함. 만약 서버에서 호출된 결과까지의 시간이 지연이 생길 경우 웹에서는 아무런 작동 없이 기다려야함. 새로운 콘텐츠를 추가, 불러오기 위해서는 페이지를 리로드 하거나 이동해야함. 이에.. 2022. 7. 8.
JSP) 게시글 리스트에서 댓글 개수 보여주기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 게시글 리스트에서 댓글 개수 보여주기 BoardExt commentCount 필드 추가 public class BoardExt extends Board { private int attachCount; private List attachments = new ArrayList(); private int commentCount; public BoardExt() { super(); // TODO Auto-generated constructor stub } public BoardExt(int no, String title, String writer, String content, int readCou.. 2022. 7. 6.
JSP) 댓글 삭제 기능 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 댓글 삭제 기능 boardView.jsp 게시판 글번호 제 목 작성자 조회수 첨부파일 내 용 등록 답글 삭제 document.querySelectorAll(".btn-delete").forEach((btn) => { btn.addEventListener('click', (e) => { if(confirm("해당 댓글을 정말 삭제하시겠습니까?")) { const {value} = e.target; const frm = document.boardCommentDelFrm; frm.no.value = value; frm.submit(); } }) }); DML의 경우 반드시 POST 요청을 해야하.. 2022. 7. 6.
JSP) 답글 폼 생성하기 / 이벤트 버블링을 이용한 유효성 검사 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 답글 폼 생성하기 게시판 글번호 제 목 작성자 조회수 첨부파일 내 용 등록 답글 document.querySelectorAll(".btn-reply").forEach((btn) => { btn.addEventListener('click', (e) => { loginAlert(); e.preventDefault(); return; const {value} = e.target; const tr = ` 등록 `; const target = e.target.parentElement.parentElement; // tr target.insertAdjacentHTML('afterend', tr); }.. 2022. 7. 6.
JSP) 댓글, 대댓글 생성/나타내기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 댓글, 대댓글 생성하기 댓글 테이블 -- 댓글 테이블 create table board_comment ( no number, comment_level number default 1, -- 댓글 1, 대댓글 2 writer varchar2(15), content varchar2(2000), board_no number, comment_ref number, -- 대댓글인 경우, 댓글 참조. 댓글 null, 대댓글 댓글no(pk) reg_date date default sysdate, constraint pk_board_comment_no primary key(no), constraint fk_.. 2022. 7. 6.
JSP) 첨부파일 있는 게시글 수정 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 첨부파일 있는 게시글 수정 boardUpdate.jsp 게시판 수정 제 목 " required> 작성자 첨부파일 삭제 내 용 input 태그 file속성은 사용자의 컴퓨터에 접근 가능하므로, 보안적인 위협이 될 수 있기에 value 속성을 조작할 수 없습니다. value = "flower.jpg"를 해도 브라우저상으로는 화면 되지 않습니다. 따라서, 기존 파일명을 보여주고 삭제 여부를 체크하고 input:file은 새로운 파일 등록용으로 사용하는 방법을 이용하여 첨부파일 삭제/추가 기능을 구현하였습니다. Controller BoardUpdateServlet @WebServlet("/boar.. 2022. 7. 5.
LIST

티스토리툴바