반응형 🌈 프로젝트97 🌻 웹프로젝트_[20] 오라클_댓글 페이징 [1] 댓글 페이징 (1) 인덱스를 생성한다 cno는 bno 기준이 아닌 생성순서대로 만들어지고 bno에 해당하는 cno만 불러와야한다 (2) commentMapper.xml (3) commentMappderTest (4) commentMapper 인터페이스 (5) 전체 댓글수 구하기 commentMapper.xml (6) CommentsPageDTO 생성 댓글 목록과 댓글총수를 정의한다 (7) Service 수정 (8) CommentController (9) comments.js 댓글 목록, 댓글 cno도 같이 가져오는것 (10) get.jsp (11) 댓글 페이지 네비게이션 2024. 1. 10. 오류_모달창 Uncaught TypeError: $(...).modal is not a function [상황] 모달창이 안열림 [해결] js 연결이 뭔가 어긋남 다시 정리하여 수정하니 모달창이 뜸 2024. 1. 10. 🌻 웹프로젝트_[20] 오라클_댓글 Rest 삭제하기 [1] 댓글 삭제 (1) commentController deleteMapping으로 하지 않으면 삭제명령시 delete를 찾을수 없다 (2) commnets.js (3) get.jsp [2] 모달창 삭제 (1) 모달창 댓글 조회 (2) get.jsp의 댓글삭제 2024. 1. 9. 🌻 웹프로젝트_[19] 오라클_Rest 댓글 수정 [1] 댓글 수정 (1) commentController postman으로 수정 적용시 내용은 수정완료 수정한 결과물 (2) ajax + comments.js (3) get.jsp의 수정 [2] 모달창 댓글 수정 (1) 모달창 수정버튼 댓글 조회시 수정버튼 show 했기 때문에 이 수정버튼을 눌렀을때 결과값을 반영하도록 만든다 (2) 모달창 id 로그인한 작성자는 변경없이 진행해야하는데 아직 회원가입 진행을 하지 않아 일단 제한 없이 수정하도록 설정한다 2024. 1. 9. 🌻 웹프로젝트_[18] 오라클_Rest 댓글 읽기 조회 [1] 댓글 조회 기본 (1) CommentController (2) comments.js (3) get.jsp 의 스크립트 [2] 댓글 조회창 (1) 모달창 댓글 목록의 ul- li 를 선택했을때 모달창이 뜨게끔 설정한다 (2) 댓글의 수정/삭제 버튼 만들기 (3) li : cno의 일치하는 모달창 close 버튼 외의 모든 버튼 hide() 수정, 제거 버튼은 show() 하여 수정/삭제 버튼 활성화 한것을 알수 있다 2024. 1. 9. 🌻 웹프로젝트_[17] 오라클_Rest 댓글 등록 [1] 댓글 등록 (1) CommentController 댓글등록시 json타입의 댓글 데이터를 전송하고 , 서버에서는 댓글 처리결과를 문자열로 반환한다 POST로 보내는 데이터는 json 이다 명시 이다 consumes = "application/json" 클라이언트가 요청을 할때 이 값을 가진 데이터타입만 처리하라는 명시이다 produces= {MediaType.TEXT_PLAIN_VALUE} //text produces= {MediaType.APPLICATION_XML_VALUE} //xml produces= {MediaType.APPLICATION_JSON_UTF8_VALUE} //json 크롬 확장팩 postman 으로 테스트 댓글 생성 완료 (2) ajax + 댓글 등록 comment.js 에.. 2024. 1. 9. 🌻 웹프로젝트_[16] 오라클_Rest 댓글 목록 [1] 댓글 목록 (1) CommentController 특정 bno에 해당하는 댓글의 목록을 불러온다 bno: 202 일때 /comments/pages/202/1로 넣으면 댓글 첫페이지에 나오는 댓글 리스트 xml타입으로 볼수 있음 (2) comments.js 주소 comments/pages/bno/page를 jQuery의 getJSON()을 이용하여 처리한다 (3) get.jsp get.jsp 에서 자바스크립트 명령을 추가한다 댓글목록을 list[i]로 만든다 get.jsp에 만들어둔 html 의 ul-li는 임시로 만든것이기 때문에 데이터가 반영되도록 자바스크립트로 적용되도록 추가한다 bno 와 댓글 ul를 변수선언하고 showList 리스트를 보여준다 댓글리스트는 반복문을 통해 li를 연결하여 전.. 2024. 1. 9. 🌻 웹프로젝트_[15] 오라클_댓글 Rest 준비 [1] service 설정 (1) CommentService 서비스 설정하는 이유 : 직접 호출하지 않고 서비스를 중간에 두어 데이터를 처리하면 모듈화, 보안, 객체변환을 위해서 [2] 댓글 Rest 방식 (1) Rest 동작 설계 댓글 등록 /comments/new post 댓글 조회 /comments/cno Get 댓글 수정 /comments/cno Put or Patch 댓글 삭제 /comments/cno delete 댓글 페이지 목록 /comments/page/bno/page get (2) 댓글 컨트롤러 CommentController @RestController 설정 service 연결 (3) get.jsp 댓글 창 댓글 창 html 을 생성한다. 이 디자인대로 데이터를 반영할 것이다 (4) 자.. 2024. 1. 6. 🌻 웹프로젝트_[14] 오라클_댓글 기능 CRUD [1] 댓글 CRUD (1) 댓글 쓰기 C CommentMapper 작성 CommentMapper.xml 작성 CommentMapperTest 댓글 쓰기 테스트 (2) 댓글 읽기 R CommentMapper 작성 CommentMapper.xml 작성 CommentMapperTest 5번 댓글 targetCno 읽기 테스트 5번 댓글 조회 (3) 댓글 수정 U CommentMapper 작성 CommentMapper.xml 작성 CommentMapperTest 5번 댓글 targetCno에 댓글 내용을 수정하고 수정한 건수를 넣어 count로 반환한다 (4) 댓글 삭제 D CommentMapper 작성 CommentMapper.xml 작성 CommentMapperTest 5번 댓글 targetCno 삭제 테.. 2023. 12. 31. 🌻 웹프로젝트_[13] 오라클_댓글 DB 준비 [1] 댓글기능 (1) 오라클 DB 테이블 생성 시퀀스 생성 create sequence seq_comments; select * from user_sequences; DB 테이블 생성 오라클은 comment가 예약어라서 적용시 오류가 난다 그래서 comments로 생성했다 create table tbl_comments( cno number(10,0), bno number(10,0) not null, comments varchar2(1000) not null, commenter varchar2(50) not null, commentDate date default sysdate, commentUpdate date default sysdate ); PK : cno 설정 alter table tbl_comme.. 2023. 12. 31. 이전 1 2 3 4 ··· 10 다음 반응형
