웹사이트나 쇼핑몰, 마케팅 초기 단계에서는 방문자에게 활기차고 신뢰감 있는 분위기를 전달하는 것이 매우 중요합니다. 이번 글에서는 PHP 와 MariaDB 를 활용하여 실제 상담 데이터가 부족할 경우 가상의 상담신청 내역을 실시간처럼 생성하여 보여...
jQuery 이미지 업로드에 따른 팝업 자동화
웹사이트를 운영하다 보면 공지사항이나 이벤트 안내를 위해 특정 이미지를 활용한 팝업창을 구현해야 할 때가 많습니다. 이번 글에서는 jQuery 를 활용하여 서버에 이미지가 존재할 경우에만 자동으로 팝업창을 띄우고, 쿠키를 이용해 '오늘 하루...
Kendo UI for jQuery : Binding to GraphQL Service
웹 개발을 진행하다 보면 프론트엔드와 백엔드 간의 데이터 통신을 효율적으로 처리하기 위해 다양한 라이브러리와 쿼리 언어를 결합하게 됩니다. 이번 글에서는 강력한 UI 프레임워크인 Kendo UI for jQuery 와 유연한 데이터 쿼리를 제공하는...
PHP: cURL을 이용해 다른 서버로 파일 전송하기
파일을 다른 서버로 전송할 때 반드시 FTP나 fopen 함수만을 사용해야 하는 것은 아닙니다. cURL (Client URL) 함수를 활용하면 FTP의 기능을 충분히 대체할 수 있으며, 특히 파일을 일반 변수 형태로 안전하게 전송할 수 있어 매...
AJAX 비동기 연쇄 요청 (FetchCall & Callback) 구현 예시
JavaScript의 Fetch API 를 활용하면 연속적인 비동기(AJAX) 요청 처리 및 DOM 업데이트를 깔끔하게 구현할 수 있습니다. 이번 포스팅에서는 첫 번째 비동기 요청 후 콜백 함수를 통해 추가적인 데이터를 요청하고, 그 결과(HTML...
PHP: Class 데이터 모델 클래스 패턴 예시
PHP 기반 애플리케이션 개발 시 데이터베이스(DB) 레코드를 객체 지향적으로 다루기 위한 데이터 모델 클래스 패턴입니다. 싱글톤 패턴 응용 방식인 instance() 팩토리 메서드부터 PDO 기반 데이터 로딩( load ), 목록 조회( ret...
CSS 새로운 글 N자 표시
웹사이트 게시판이나 메뉴에서 새로운 게시글이나 알림이 등록되었음을 직관적으로 알려주기 위해 **NEW 아이콘(N 표시)**을 자주 사용합니다. 이번 포스팅에서는 별도의 이미지 파일 없이 Pure CSS의 ::after 가상 요소를 활용하여 깔끔한...