본문 바로가기

전체 글322

20230703 이미지갤러리 만들기 SQL 문을 통해 이미지 갤러리를 먼저 만든다. -- 이미지 겔러리를 만들기 위한 테이블 CREATE TABLE board_gallery( num NUMBER PRIMARY KEY, writer VARCHAR2(100), caption VARCHAR2(100), -- 이미지에 대한 설명 imagePath VARCHAR2(100), -- 업로드된 이미지의 경로 ex) /resources/upload/xxx.jpg regdate DATE -- 이미지 업로드 날짜 ); CREATE SEQUENCE board_gallery_seq; 이미지를 출력할 때에는 BootStrap의 Card 효과를 사용할 것이다. https://getbootstrap.com/docs/5.3/components/card/ Cards Bo.. 2023. 7. 3.
20230703 댓글 기능 구현 CafeController에서 아래 메서드를 작성해 준후에 //댓글 삭제 요청 처리 @RequestMapping("/cafe/comment_delete") @ResponseBody public Map commentDelete(HttpServletRequest request){ service.deleteComment(request); Map map = new HashMap(); map.put("isSuccess", true); //{"isSuccess":true}형식의 JSON문자열이 응답되도록 한다. return map; } CafeServiceImpl에서 @Override public void deleteComment(HttpServletRequest request) { int num = Integer.. 2023. 7. 3.
20230703 jQeury button을 눌렀을 때 노란색 box가 숨겨지거나 보이게 되도록 해보겠다. 숨기기 보이기 위 코드 말고 이런 동작을 해주는 메서드가 따로 있다. 숨기기 보이기 토글 .hide(); .show(); .toggle(); //스위치 처럼 껐다 켰다를 할 수 있다. 이를 이용해 함수를 만들수도 있다. 아래에 있는 .show()와 .toggle()에도 똑같이 적용된다. 숨기기 보이기 토글 위의 코드는 #hideBtn은 1초 후에 알림창으로 "호엥"출력 #showBtn은 2초 후에 알림창으로 "호에에엥"출력 #toggleBtn은 꺼졌다 켜졌다 하는 동작을 해준다. css3에서는 트랜지션, 애니메이션 동작으로 쉽게 구현할 수 있다. 숨기기 보이기 토글 움직이기 움직이기2 움직이기3 2023. 7. 3.
👊스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB접근 기술 이제 시작이군👊👊👊👊👊👊👊👊👊👊👊👊 2023. 7. 1.
AOP란?🧑‍💻 이 글은 김영한 강사님의 우아한형제들 최연소 기술이사 김영한의 스프링 완전 정복 ㅇ에서 공부한 내용을 정리해 보았습니다. AOP 아직 학원에서 공부한 부분이 아닌 강의로 접한 부분이라 확실한 개념이 잡히지 않아 어디에 쓰이는지와 왜 쓰이는지 두루뭉실하게만 알아보아서 향후 조금씩 수정해 보겠습니다. 강사님 피셜 AOP는 배우기 굉장히 어렵고 사용하기 어렵다고하신다.(안써봐서 모른다..) AOP는 언제 사용할까? 모든 메소드의 호출 시간을 측정하고 싶다면? 공통 관심 사항(Cross-cutting concern) vs 핵심 관심 사항(core concern) 회원 가입 시간, 회원 조회 시간을 측정하고 싶다면? AOP의 사용 예제 👇 만약에 실무에 근무 하고 있다 가정해보자. 악덕상사가 나타나서 "우리 시스.. 2023. 7. 1.
window window.scrollY 👉 위쪽으로 스크롤된 길이 window.innerHeight 👉 웹브라우저의 창의 높이 document.body.offsetHeight 👉 body 의 높이 (문서객체가 차지하는 높이) 2023. 6. 30.
JAVA request.getParameter() JAVA의 request.getParameter() 메서드는 클라이언트가 전송한 HTTP요청의 매개변수를 가져오는데 사용되는 메서드 이다. 보통 HTTP GET 또는 POST요청에서 사용자가 입력한 데이터를 서버로 전송할 때 매개변수를 함께 전송하는데, 이 때 request.getParameter()를 사용하여 전달된 매개변수 값을 가져올 수 있다. 메서드의 사용법👉 String parameterValue = request.getParameter("parameterName"); "parameterName"은 요청 매개변수이름이며 해당 매개변수의 값이 저장될 변수이다. request객체는 javax.servlet.http.HttpServletRequest클래스의 인스턴스로 주로 서블릿 또는 JSP페이지에서.. 2023. 6. 29.
게시판 하단 페이징처리에 대한 고찰 몇번을 해도 기억을 못해 적어보는 페이징처리.. 처음에 초기값을 설정해 주는 것으로 시작해 보는 것이 좋을 것 같다. 한 페이지에 몇개씩 표시할 것인가? 👉1~5개의 목록으로 구성하겠다는 기준으로 페이지의 row 갯수를 5개로 초기값을 잡아주었다. final int PAGE_ROW_COUNT=5; 하단에 페이지를 넘길 때 몇개씩 표시되게 할 것인가? 👉1~5씩 나타나개 해주고싶다. final int PAGE_DISPLAY_COUTN=5; 눌러준 페이지 번호는 어떻게 얻어올 것인가? 👉태그에 있는 "lis.jsp?pageNum의 번호를 request.getParameter("pageNum")으로 번호를 추출해서 가져온다. 🧏‍♂️여태 request.이여서 request영역에 담겨져서 가져오는 줄 알았지만 .. 2023. 6. 29.
20230629 jQeury 빨간색 영역은 페이지 로딩 시점에 함수가 등록이 되고 파란색 영역은 실제 버튼을 눌렀을 때 실행의 흐름이 들어오고 요청 파라미터까지 주황색 영역은 요청 파라미터까지 들어오면 success 함수가 실행이된다. 바닐라js에서 fech()보다 간단해서 좋은 것 같다. jQuery를이용해서 페이지 로딩없이 페이지 번호를 만드는 Class를 만들어보겠다. 1.페이지의 내용 요청하기 .appendTo에 들어갈 요소는 미리 만들어져 있어야 하며 요소를 id로 만들어서 사용가능하다. ajax 요청을 통해서 받아온 데이터 사용하기 페이지 전환없이 서버에 요청하는것을 ajax 라고 생각하면 된다. 번호 작성자 제목 와 은 비어있지만 2023. 6. 29.