2024-07-15 타임리프(Thymeleaf)는 서버 사이드 템플릿 엔진으로, HTML을 템플릿으로 사용하여 동적 웹 페이지를 생성하는 데 유용합니다. 때로는 자바스크립트 함수를 프래그먼트에 직접 전달해야 할 때가 있습니다. 이 글에서는 타임리프에서 프래그먼트에 자바스크립트 함수를 전달하는 방법을 설명합니다.1. 프래그먼트 정의하기먼저, 자바스크립트 함수를 호출할 수 있도록 프래그먼트를 정의합니다. 프래그먼트는 th:fragment 속성을 사용하여 정의할 수 있습니다. 2. 프래그먼트 호출하기타임리프 문법을 사용하여 프래그먼트를 호출할 때, 자바스크립트 함수와 매개변수를 문자열로 전달합니다. 3. 자바스크립트 함수 정의하기마지막으로, 호출하려는 ..
2024-07-08 See the Pen Responsive GSAP Slider with Button Wave Effect by Yudiz Solutions Limited (@yudizsolutions) on CodePen.메인 이미지 출처 : https://codepen.io/yudizsolutions/pen/QWoqmWW
2024-07-05 See the Pen Voyage Slider by Sikriti Dakua (@dev_loop) on CodePen.메인 이미지 출처 : https://codepen.io/dev_loop/pen/MWKbJmO
2024-06-24 스왑 메모리란?스왑 메모리는 물리적 RAM이 부족할 때, 디스크 공간을 임시로 RAM처럼 사용하는 공간입니다. 스왑 공간을 활용하면 시스템이 메모리 부족으로 인한 문제를 덜 겪게 되어 더 안정적으로 동작할 수 있습니다.1. 스왑 파일 생성하기먼저, 2GB 크기의 스왑 파일을 생성합니다. 이는 dd 명령어를 사용하여 가능합니다. (아래 명령어가 안되면 추가 코드 참고) sudo fallocate -l 2G /swapfile fallocate 명령이 지원되지 않는 경우, dd 명령을 사용할 수 있습니다 sudo dd if=/dev/zero of=/swapfile bs=1M count=2048 2. 스왑 파일 설정 및 활성화 생성한 파일을 스왑 파일로 설정하고 활성화합니다.스왑 파일 설정 ..
2024-06-13iOS 웹뷰에서 onclick 이벤트를 처리할 때 클릭된 영역에 회색 플리커 현상이 나타나는 문제를 경험하신 적이 있나요? 이는 웹 콘텐츠가 기본적으로 적용하는 클릭 피드백 효과로 인해 발생합니다. 이 블로그 포스트에서는 이러한 클릭 피드백 효과를 제거하는 방법을 소개해 드리겠습니다.1. -webkit-tap-highlight-color가장 간단한 방법은 CSS의 -webkit-tap-highlight-color 속성을 사용하는 것입니다. 이 속성을 통해 클릭 피드백 효과를 완전히 제거할 수 있습니다. * { -webkit-tap-highlight-color: transparent;} 이 코드를 스타일 시트에 추가하면 페이지의 모든 요소에서 탭 하이라이트 효과가 제거됩니다.2. ..
2024-06-111. 원인 최근 프로젝트에서 JPA를 사용하여 PostgreSQL 데이터베이스와 상호 작용하던 중, 예약 시간을 나타내는 엔티티 필드에서 호환성 문제가 발생했습니다. LocalTime으로 매핑된 reservationTime 필드를 사용할 때, PostgreSQL의 TIME 컬럼과의 호환성 문제로 인해 "Invalid value for NanoOfSecond" 오류가 발생했습니다. Invalid value for NanoOfSecond (valid values 0 - 999999999): -935000000 기존 오류가 발생하던 entity 정보는 아래와 같습니다. @Column(name = "reservation_tm", columnDefinition = "TIME") pr..