전체 썸네일형 리스트형 🌻 웹프로젝트_[19] 오라클_Rest 댓글 수정 [1] 댓글 수정 (1) commentController postman으로 수정 적용시 내용은 수정완료 수정한 결과물 (2) ajax + comments.js (3) get.jsp의 수정 [2] 모달창 댓글 수정 (1) 모달창 수정버튼 댓글 조회시 수정버튼 show 했기 때문에 이 수정버튼을 눌렀을때 결과값을 반영하도록 만든다 (2) 모달창 id 로그인한 작성자는 변경없이 진행해야하는데 아직 회원가입 진행을 하지 않아 일단 제한 없이 수정하도록 설정한다 더보기 🌻 웹프로젝트_[18] 오라클_Rest 댓글 읽기 조회 [1] 댓글 조회 기본 (1) CommentController (2) comments.js (3) get.jsp 의 스크립트 [2] 댓글 조회창 (1) 모달창 댓글 목록의 ul- li 를 선택했을때 모달창이 뜨게끔 설정한다 (2) 댓글의 수정/삭제 버튼 만들기 (3) li : cno의 일치하는 모달창 close 버튼 외의 모든 버튼 hide() 수정, 제거 버튼은 show() 하여 수정/삭제 버튼 활성화 한것을 알수 있다 더보기 🌻 웹프로젝트_[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 에.. 더보기 🌻 웹프로젝트_[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월 1주차 1주차 학습 내용 REST 방식으로 게시판 댓글을 설계한다 1주차 문제 및 해결방법 @Controller 와 @RestController의 차이점이 분명해 보이지 않아 게시판 boardController에 @Controller를 @RestController로 바꿨더니 오류가 났다 단순히 @Rest를 붙인다고 해서 REST방식이 되는것이 아닌 설계를 고려해서 REST방식으로 만들어야한다는 것을 인지하여 일단 알려주는 대로 게시판이 아닌 댓글에 대해서 REST방식으로 공부하기로 하였다. 1주차 개발에 대한 생각 최근 채용 공고에 REST 방식 설계에 대한 지식 소유자를 찾는 글이 많았다. REST방식이 아닌것과 REST방식 설계에 대한 차이점을 구별할줄 알아야하고 REST방식이 아닌것을 REST방식으로 변경.. 더보기 🌻 웹프로젝트_[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) 자.. 더보기 🌻 웹프로젝트_[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 삭제 테.. 더보기 REST 방식_Ajax [1] Ajax (1) Ajax 정의 Rest 방식으로 브라우저,앱 등에서 Ajax를 이용해서 호출한다 Asynchronous javascript and XML 비동기 통신으로 데이터를 주고 받기 위한 기술 웹페이지 전체가 아닌 일부만 업데이트 가능하다 (예를 들면 자주 변동이 되는 주식데이터같은 경우 전체 홈페이지를 업데이트하면 용량이 크기 때문에 데이터 값만 변화할수 있도록 업데이트한다) (2) 동기 통신 클라이언트가 요청을 했을때 처리되서 응답할때까지 대기하고 기다리는것을 말한다 한가지 요청을 보내면 응답할때까지 다른 일을 할수 없다 (3) 비동기통신 클라이언트가 요청을 했을때 처리되서 응답할때까지 기다리지 않고 바로 또 요청을 보낼수 있고 콜백함수를 통해 각 요청에 따른 응답을 받을수 있다 (4).. 더보기 이전 1 2 3 4 5 ··· 45 다음 목록 더보기
