본문 바로가기
반응형

전체312

🌻 웹프로젝트_[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.
REST 방식_Ajax [1] Ajax (1) Ajax 정의 Rest 방식으로 브라우저,앱 등에서 Ajax를 이용해서 호출한다 Asynchronous javascript and XML 비동기 통신으로 데이터를 주고 받기 위한 기술 웹페이지 전체가 아닌 일부만 업데이트 가능하다 (예를 들면 자주 변동이 되는 주식데이터같은 경우 전체 홈페이지를 업데이트하면 용량이 크기 때문에 데이터 값만 변화할수 있도록 업데이트한다) (2) 동기 통신 클라이언트가 요청을 했을때 처리되서 응답할때까지 대기하고 기다리는것을 말한다 한가지 요청을 보내면 응답할때까지 다른 일을 할수 없다 (3) 비동기통신 클라이언트가 요청을 했을때 처리되서 응답할때까지 기다리지 않고 바로 또 요청을 보낼수 있고 콜백함수를 통해 각 요청에 따른 응답을 받을수 있다 (4).. 2023. 12. 31.
반응형

티스토리툴바