WebTools OWL Carousel로 슬라이드를 간편하게 만들기 안녕하세요 :) 오늘은 오픈소스인 그누보드에 기본적으로 내장되어 있는 "owlcarousel" 플러그인 사용법을 알아보도록 하겠습니다. 만약에 그누보드에 없거나 별도로 개발을 하실 경우는 https://owlcarousel2.github.io/OwlCarousel2/ 사이트에서 직접 다운로드를 받아 사용하실 수 있습니다. :) 우선 그누보드 기준으로 플러그인의 JS 위치와 소스 위치를 알려드리겠습니다. 위에 보이는 사진처럼 owl 플러그인은 js 폴더안에 "
WebTools 웹페이지 화면을 이미지로 저장: HTML2Canvas 활용법 웹 개발을 하다 보면 관리자 화면의 통계나 특정 화면을 이미지로 저장해야 하는 경우가 생길 수 있습니다. 보통은 스크린 캡처를 추천하는 경우가 많습니다. 캡처 프로그램을 실행해 원하는 영역을 지정하고 저장하면 간단히 해결할 수 있으니까요. 하지만 스크린 캡처로는 해결할 수 없는 상황이라면, 추가적인 개발을 통해 해결해야 할 때가 있습니다. 특히 모바일 환경에서의
PHP PHP 배열을 손쉽게 JSON 형식으로 변환하기 : json_encode, json_decode PHP를 사용하면서 배열은 정말 많이 사용됩니다. 특히, 데이터를 주고받거나 AJAX 호출에 JSON을 활용할 때, 배열과 JSON 간 변환은 필수적인 작업입니다. 이 글에서는 PHP의 json_encode와 json_decode 함수로 JSON과 배열을 간단하게 변환하는 방법을 소개합니다. JSON이란? JSON (JavaScript Object Notation)은 데이터를 교환하기 위해 자바스크립트의 구문을 기반으로 만들어진 독립형 데이터 형식입니다.
CSS CSS로 커서 이미지 변경하기: 커스터마이징과 문제 해결 가이드 웹사이트를 제작하다 보면 클라이언트나 디자이너의 요구에 따라 마우스 커서를 특정 이미지로 변경해야 하는 경우가 생깁니다. 이 글에서는 기본 커서 변경 방법, 커스텀 이미지 커서 적용법, 그리고 커서가 적용되지 않을 때의 원인과 해결 방법까지 상세히 알아보겠습니다. 기본 커서로 변경하는 방법 시스템에서 제공하는 기본 커서로 변경하는 방법은 매우 간단합니다. 가장 많이 사용하는
Mac Mac에서 사용중인 포트 Kill 하기 개발을 하다 보면 간혹 보이는 오류 문구 "Port 80 was already in use." 해당 포트가 이미 사용중일 때 나타나는 오류 입니다. 포트가 이미 사용중 일 때 찾아서 강제로 Kill하는 방법을 알아보겠습니다. 1. 포트 검색 lsof -i :80 검색하고자 하는 포트를 뒤에 적어줍니다. 저는 80포트로 검색을 했습니다. 2. 검색된
