본문 바로가기
반응형

개발 공부 Today I Learned108

[국비 47일차 TIL] 댓글 수정버튼 눌렀을 때 detail.jsp // 댓글수정 comment-btn 버튼 눌렀을 때 cno값, commentcontent값 가져오는 function 만들기 // 이벤트 핸들러 $(document).on('click', ".comment-btn", function(){ // 데이터 추출 let cno = $(this).prev().val(); // 댓글 번호 let recomment = $('.commentcontent').val(); // 수정할 댓글 내용 // Ajax 비동기 요청 $.ajax({ url : './recomment', //주소 type : 'post', //get, post dataType : 'text',//수신타입 json data : {'cno' : cno, 'comment' : recomme.. 2024. 1. 25.
[국비 46일차 TIL ] 댓글 삭제 수정 기능 구현 - 댓글 삭제 기능 del() : 글 삭제하는 함수. alert창을 띄우고 확인을 누르면 글을 삭제함. 댓글을 삭제하면 화면에서 사라지지만, 실제로 데이터에서는 남아있음. $(".commentDelete").click() : "댓글 삭제"버튼을 클릭했을 때 동작하는 함수 - 댓글 수정 기능 update() : 글 수정을 확인하는 함수. 수정을 누르면 수정할거냐는 alert이 뜨고 확인을 누르면 댓글 창이 다시 열리면서 수정할 수 있게 변함. 하지만 아직 수정되는 기능은 구현하지 않음. $(".commentEdit").click() : "댓글 수정"버튼을 클릭했을 때 동작하는 함수. - 댓글 글자수 제한 $("commentcontent").keyup() : 글자수가 100자 이상 넘어가면 alert이 뜨도.. 2024. 1. 24.
[국비 45일차 TIL] 방문 흔척 찾기, 게시글에 로그인 ip 추가 comment.java // HTML에서 특수기호 변경하기 + 줄바꿈 처리하기 commentcontent = Util.removeTag(commentcontent); = 주어진 문자열에서 HTML 태그를 제거하는 역할을 함. // Util.java public static String removeTag(String str) { str = str.replaceAll("", "&gt"); return str; } // 엔터가 가능하도록 (\r, \n, \nr 을 엔터로 변경) commentcontent = Util.addBR(commentcontent); = 주어진 문자열에서 개행문자 (\r, \n, \r\n)를 태그로 변경. // Util.java public static String addBR(S.. 2024. 1. 23.
[국비 44일차 TIL] 댓글 삭제 오류 해결 (HeidiSQL 쿼리문 수정) 20240123 댓글 삭제하기 위한 heidiSQL 쿼리문 수정 comment 테이블에 cdel을 추가함. 데이터유형 : ENUM 선택 기본값 : 1 [ HeidiSQL boardview ] select `b`.`board_no` AS `board_no`,`b`.`board_title` AS `board_title`,`m`.`mname` AS `board_write`,if(date_format(current_timestamp(),'%Y-%m-%d') = date_format(`b`.`board_date`,'%Y-%m-%d'),date_format(`b`.`board_date`,'%h:%i'),date_format(`b`.`board_date`,'%m-%d')) AS `board_date`,(select .. 2024. 1. 23.
[국비 43일차 TIL] 게시판 댓글 작성, 삭제 댓글달기 댓글달기 - 동적생성하기 관리자 모드- 회원 관리 관리자 모드- 글 관리 오늘은 게시판 댓글달기를 작업했다. 댓글 작성창과 댓글쓰기 버튼 등으로 댓글 공간을 만들고, 댓글이 작성된 후 게시판 아래에 제대로 출력되는 것도. 오후에는 내가 작성한 댓글을 삭제하는 작업을 했는데 여기에서 막혔다. '댓글을 삭제하시겠습니까?' 라는 alert은 뜨는데, 클릭하면 error.jsp로 넘어간다. 코드를 뒤져봤는데도 잘 모르겠다. 선생님에게 도움을 요청해야겠군~ 자바스크립트의 let이란? ECMAScript 6 (ES6)에서 도입된 새로운 변수 선언 키워드 1. 블록 범위(Block Scoping) 'let'으로 선언된 변수는 해당 블록{} 안에서만 유효함. 2. 변수 재선언 금지 'let'으로 선언된 변수는.. 2024. 1. 22.
[국비 42일차 TIL] ID중복검사, 댓글 테이블, 관계도 postman database development dbeaver aquerytool 댓글달기, 관계도 그리기 댓글 테이블 만들기 댓글달기 board.jsp ${row.title} ${row.comment } join.jsp IDCheck.java import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServl.. 2024. 1. 19.
[국비 41일차 TIL] jQuery jsp 회원가입, id 중복확인 jQuery 사용을 위한 시작 스크립트 (외워!) join.jsp 회원가입 회원가입 회원가입 회원가입 회원가입 회원가입 환영합니다 회원가입 회원가입 회원가입 회원가입 환영합니다 회원가입 회원가입 회원가입 회원가입 회원가입 회원가입 환영합니다 회원가입 회원가입 환영합니다 회원가입 회원가입 회원가입 회원가입 환영합니다 💚 수정중이지만 가입은 가능합니다 💚 아이디 ID 중복검사 올바른 아이디를 입력하세요. 이 름 올바른 이름을 입력하세요. 암 호 재입력 올바른 암호를 입력하세요. 초기화 가입하기 join.java import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; impo.. 2024. 1. 18.
[국비 40일차 TIL] 게시판 페이징, 회원가입 게시판 페이징 추가하기 board.jsp에 페이징 작업을 해야한다. 이 부분에서 코어태그를 사용해야 하는데 이게 좀 헷갈린다. 코어태그는 이렇게 앞에 prefix에서 정해준 문자열을 적고 if, choose, set, forEach 등 자바에서 썼던 문법을 가져올 수 있다. 다른 점이 몇가지 있지만 비슷하게 사용된다. 자바 기초 수업이 끝나고, 게시판 만들기를 진행하면서 프론트 부분은 생각보다 할만한데 위에서 말한 부분(자바와 비슷한)에서 조금 막힌다고 해야할까.... EL태그(Expression Language)를 쓰는 것도 익숙치 않아서일까.. 전체 글 : ${totalCount }개 / 페이지 수 : / startPage : ${startPage } / endPage : 👈 🦕🦕🦕 ${p} 🐌🐌🐌 .. 2024. 1. 17.
[국비 39일차 TIL] 마이페이지, pw 변경 로그인 후 마이페이지 만들기 로그인을 한 후 나만 볼 수 있는 마이페이지를 만들었다. 마이페이지에서 비밀번호도 변경 가능하다. 내 정보 볼까요 ${myInfo.mname } / ${myInfo.mid } / 수정하기 - 게시판으로 넘어가기 - MyInfo.java 비밀번호를 변경할 수 있도록 서블릿 파일에서 작업을 해줘야 한다. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); // 비밀번호 바꾸기 // 세션 만들기 HttpSession session = request.get.. 2024. 1. 16.
[국비 38일차 TIL] 로그인 페이지 세션, 로그아웃 session 세션 만들기 (★★★ 매우 중요함! 외워~ ★★★) HttpSession session = request.getSession(); session.setAttribute("mname", dto.getMname()); // mname이라는 이름으로 세션 생성 session.setAttribute("mid", dto.getMid()); // mid라는 이름으로 세션 생성 board.jsp 부분의 아래 내용 중요함. ${sessionScope.mname }님 반갑습니다~ 로그아웃 detail.jsp 게시글을 클릭했을 때, 삭제와 수정 아이콘이 나오도록 해야한다. 내가 쓴 글의 삭제와 수정은 나만 할 수 있도록 수정했다. ${detail.title } ${detail.write } ${detail... 2024. 1. 15.
반응형