본문 바로가기

전체 글129

[jQuery] jquery validation 사용 시 submit 막기 상황 jquery validation 라이브러리 사용하여 유효성 검사를 했다. 보통 유효성 검사에 통과하면 서버에 데이터를 보내고 DB에 저장,수정을 하는 로직을 태운다. 기본적인 jquery validation 라이브러리 사용법은 아래 포스팅 참고!👇 2023.02.28 - [Front/JavaScript & jQuery] - [jQuery] 제이쿼리 validation 플러그인으로 쉽게 유효성 검사하기 하지만 이번 요구사항에는 유효성 검사에 통과하면 미리보기처럼 하단에 리스트를 하나씩 차곡차곡 쌓고, 맨 마지막에 [저장] 버튼을 클릭했을 때 쌓아놓은 리스트들을 한꺼번에 DB에 저장하도록 구현해야 했다. 적용 ✔️1. html 파일의 form 태그에 onsubmit="return false;" 추가 ✔.. 2024. 2. 16.
[jQuery] Sortable 드래그앤드랍 drag&drop 순서 변경 후 처리하기 상황 목록을 drag&drop을 이용하여 정렬 순서를 변경하는 기능을 구현할 때, 좀 더 쉽게 jQuery-ui 라이브러리 내에 sortable 을 사용할 수 있다. 참고로 drag&drop 기능을 바닐라JS를 사용해서도 구현할 수 있다. 이전 포스팅 참고!👇 2021.12.21 - [Front/JavaScript & jQuery] - [JavaScript] 드래그 앤 드롭, 위 아래로 이동시키기 정렬 기능 구현은 어렵지 않게 했는데, drag&drop으로 정렬을 마친 후에 다른 기능을 수행하려면 어떻게 해야할까? 적용 ✔️정렬을 마치고 DOM의 위치가 변경되었을 때를 감지하는 이벤트를 아래와 같이 추가하면 된다. $( ".dragTable" ).off("sortupdate").on("sortupdate.. 2024. 2. 16.
@RequestBody DTO json데이터가 null일 때 문제 상황 ajax로 JSON 데이터를 BODY에 담아 POST API로 전달할 때, controller 단에 매핑하는 객체DTO의 값이 계속 null 인 상황이 발생했다. 넘겨줄 JSON 데이터 { "seq" : "1", "name" : "홍길동" } 받을 DTO 클래스 @Getter// lombok 사용 public class insertDto { private Long seq; private String name; } 위 코드를 확인해보아도, RequestBody 매핑하기 위한 규칙을 모두 지킨 것을 볼 수 있다. 1. 객체의 필드명과 Json 데이터의 이름이 동일하다. 2. Getter와 기본생성자가 DTO 클래스에 있다. 📣참고! Spring Boot가 JSON을 매핑하는 구현체로 Jackson.. 2024. 2. 7.
[Linux] 메모리 사용량 확인 상황 프로젝트 진행 중 운영계에서 메모리 사용량 모니터링 요청이 들어왔다. 명령어는 자주 쓰지 않으면 잊어 버리기 쉽기 때문에, 기록해두려 한다. 메모리 사용량 모니터링 방법에 대해 알아보자. 방법 ✔️ top 명령어 실행 후 shift + m 📌참고! - shift + m은 메모리 사용률 내림차순 보기 - VIRT: 프로세스가 사용하고 있는 가상 메모리 전체 용량 - RES: 현재 프로세스가 사용하고 있는 물리 메모리 용량 2023. 12. 20.
[Tomcat] 특정 IP 접근 제한하기 상황 관리자 페이지(CMS)는 특정 IP만 열어주어 접근 가능하도록 기능이 필요하다. 이를 Tomcat에서 특정 IP는 막거나 열어줄 수 있다. 1. /conf/server.xml 파일을 vi 편집기로 열어 설정을 할 수 있다. 저 설정의 위치는 (이곳!) 사이에 넣어준다. ✔️접근 허용 IP 설정 ✔️접근 제한 IP 설정 2. 정규식으로도 적용이 가능하다 대표적인 예시 몇개만 살펴보자. 2023. 12. 20.
[JPA] 이전글, 다음글 조회(native query, QueryDSL 사용) 상황 게시판 구현을 하다보면 상세페이지에서 이전글, 다음글 바로가기를 쉽게 볼 수 있다. MSSQL, Oracle이 DB 벤더이면, 이전 행의 값을 찾거나 다음 행의 값을 찾기 위해서 사용하는 LAG, LEAD 함수로 쉽게 구현이 가능하다. 하지만 현재 JPA를 이용하여 이전글, 다음글을 구현해야 하는 상황인데 JPA는 LAG, LEAD와 같은 함수를 지원하지 않는다. 이전글, 다음글을 구현하는 방법 중 내가 찾은 방법은 두가지! 그리고 각각의 방법이 지닌 한계도 있으니 참고하여 상황에 맞는 방법을 선택하면 좋을 것 같다. 적용 ✔️1. Native Query로 구현하기 📌설명: Native Query 사용 시, Entity가 아닌 Return값을 반환받기 위해서는 Interface based Proje.. 2023. 12. 19.

티스토리툴바