워드프레스를 사용하는 경우 WP Content Copy Protection & No Right Click과 같은 플러그인을 사용하여 텍스트 복사를 방지하고 우클릭을 금지할 수 있습니다. 또한, 이미지 등을 불펌할 수 있도록 할 수 있습니다. 하지만 플러그인을 사용할 경우 간혹 다른 플러그인과 충돌을 일으켜 예상치 못한 문제를 일으키기도 합니다. 그리고 모든 불펌 방법은 쉽게 무력화될 수 있으므로 실질적으로 큰 효과가 없을 수도 있습니다. 아래 방법은 워드프레스뿐만 아니라 티스토리 등에서도 활용이 가능합니다. body 태그에 코드를 추가하여 우클릭과 텍스트 복사 금지하기 대안으로 [****] 태그에 코드를 추가하여 우클릭과 이미지/텍스트 선택/복사를 방지할 수 있습니다. 위의 코드에서... oncontex..

닷컴(.com) 도메인 관리업체인 VeriSign이 작년 9월에 닷컴 도메인 네임 등록비를 7% 인상하면서 닷컴 도메인 등록과 유지 비용이 상승했습니다. 또한, 환율도 계속 오르면서 도메인을 신규 등록하거나 유지하는 것이 부담스러워졌습니다. 해외 도메인 등록업체인 네임칩(Namecheap)은 일부 도메인에 대하여 최대 96% 세일을 진행하고 있습니다. 네임칩(Namecheap) 도메인 세일 (닷컴, 닷넷 도메인 등) 우리나라에서도 잘 알려진 해외 도메인 등록대행업체인 네임칩(Namecheap)에서 새해를 맞이하여 일부 도메인에 대하여 할인을 진행하고 있습니다. 닷컴 도메인의 경우 연간 7.98달러, 닷넷 도메인은 연간 9.98달러에 등록이 가능합니다. 특히 닷컴 도메인은 신규 등록하는 경우에는 6.98달..

카카오 데이터 센터 화재 사건 이후에 티스토리에서는 데이터 백업 옵션을 제공하고 있습니다. 티스토리 데이터를 백업하여 워드프레스 등으로 이사 갈 수 있습니다. 티스토리에서 워드프레스 이전 작업 지난 1월 3일, 티스토리 운영진은 사전 안내를 통해 서비스 내 광고 게재와 관련된 티스토리 이용약관 개정에 대해 발표했습니다. 개정된 이용약관의 요점은 티스토리 운영업체(카카오)가 서비 avada.tistory.com 티스토리 블로그 이전 후에 리디렉션을 설정해 주어야 기존 URL로 접속하는 사용자들을 새 사이트 URL로 이동시킬 수 있습니다. 티스토리 블로그 이사 후에 리디렉션 설정하기 티스토리에 2차 도메인(개인 도메인)을 연결한 경우에는 블로그 주소가 대응되는 경우에는 이사 후에 별도의 리디렉션을 설정할 필..

지난 1월 3일, 티스토리 운영진은 사전 안내를 통해 서비스 내 광고 게재와 관련된 티스토리 이용약관 개정에 대해 발표했습니다. 개정된 이용약관의 요점은 티스토리 운영업체(카카오)가 서비스 내에 광고를 게재할 수 있고, 게재되는 광고의 형태 및 위치, 노출 빈도, 수익의 귀속을 티스토리가 결정한다는 내용입니다. 이러한 카카오의 발표에 일부 사용자들은 티스토리를 이탈하고 있습니다. 어제는 티스토리 블로그를 워드프레스로 이전하는 작업을 맡았습니다. [참고*2023년 6월 티스토리 자동 광고 신설 이후 일부 티스토리 사용자들이 워드프레스로 이전하고 있습니다. 이 글을 작성할 당시의 방법으로 이전을 시도하면 이미지가 제대로 임포트되지 않는 등의 문제가 발생하고 있습니다. 아래의 글에서 설명한 방법으로 티스토리 ..

예를 들어, 모달 팝업창을 구현하는 경우 팝업이 표시될 때 브라우저 창이 스크롤되는 것을 일시적으로 비활성화하고 싶은 경우가 있습니다. 이런 상황에서 다음과 같은 자바스크립트 함수를 활용할 수 있습니다. 자바스크립트를 사용하여 스크롤 비활성화하기 다음과 같은 JavaScript를 사용하여 브라우저 창이 스크롤되지 않도록 일시적으로 비활성화할 수 있습니다. function disableScroll() { // Get the current page scroll position // 현재 페이지 스크롤 위치 가져오기 scrollTop = window.pageYOffset || document.documentElement.scrollTop; scrollLeft = window.pageXOffset || docu..

뉴스픽이나 워드프레스 블로그에서 "쿠팡 방문하고 계속 읽기" 버튼이나 배너가 표시되는 경우가 있습니다. 글을 읽기 위해서는 반드시 배너를 클릭해야 하기 때문에 이런 배너를 표시하면 사용자 경험(UX)에 안 좋은 영향을 줄 수 있습니다. 이 티스토리 블로그와 제 워드프레스 블로그에는 페이지 로드 후 일정 시간 후에 (하루에 한 번, 이 블로그는 이틀에 한 번) 네이버 카페 방문하기 배너를 표시하고 있습니다. 위의 배너를 클릭하여 네이버 카페를 방문하여 회원가입해주시면 이 블로그 운영에 도움을 주실 수 있습니다. 또한, 워드프레스와 티스트리 등에 대한 정보를 공유하실 수 있습니다. 워드프레스에서 "쿠팡 방문하고 계속 읽기" 배너를 만드는 방법 워드프레스를 이용하는 경우 Bloom 플러그인(유료)이나 Brav..

MS Word에서 맞춤법 검사(언어 교정)를 실행할 때 실수로 잘못 표기된 단어를 사전에 추가하거나 특정 문법 규칙을 확인하지 않고 넘어가도록 잘못 옵션을 선택하는 경우가 있습니다. 이러한 경우 사용자 지정 사전을 초기화하고 확인할 문법 규칙을 재설정할 수 있습니다. MS Word 맞춤법 검사, 문법 규칙, 사용자 정의 사전 초기화하기 저는 워드프레스에서 글을 작성한 후에 발행하기 전에 MS 워드에서 맞춤법 검사를 실시합니다. [**F7**] 키를 눌러 언어 교정을 실행할 수 있습니다. 예를 들어, banana를 잘못하여 banna로 표기한 경우, MS Word에서는 banana, banne, bane 등의 단어를 제안합니다. 그리고 "한 번 건너뛰기", "모두 건너뛰기" 또는 "사전에 추가" 옵션이 표..

더 읽기(Read More) 버튼을 클릭하면 전체 텍스트가 표시되면서 닫기(Less) 버튼이 표시되도록 하는 jQuery 예시입니다. jQuery 더 읽기/닫기(Read More/Less) 토글 HTML 코드: 청춘 하여도 노래하며 할지니, 피어나기 가슴에 피가 운다. 수 같이, 원대하고, 피다. 귀는 생생하며, 용감하고 인간에 풀밭에 이상, 봄바람이다. 거친 이 없으면 석가는 노년에게서 싸인 그러므로 지혜는 부패뿐이다. 피가 석가는 있는 뭇 자신과 것이다. 가치를 인간에 타오르고 사라지지 이성은 풀이 충분히 찾아 피다. 있는 천지는 같지 끓는 소금이라 사막이다.모래뿐일 얼음이 끝에 있는가? 거친 천고에 위하여서, 피가 예가 품에 그들의 몸이 작고 있는가? 구하기 전인 가는 사랑의 싸인 그러므로 것은 끓..

입력 양식에서 입력 필드의 타입을 number로 지정할 경우 해당 필드를 선택하면 숫자를 높이거나 낮출 수 있는 스핀 버튼이 표시됩니다. 이 스핀 버튼(증감 버튼)은 CSS로 숨길 수 있습니다. HTML5 number 타입 입력 필드에서 스핀 버튼을 숨기는 방법 워드프레스 Quform에서 다음 우편번호 스크립트를 적용하여 우편번호를 검색하여 주소를 입력할 수 있는 작업을 진행했습니다. 추가로 전화번호 필드에 숫자만 입력이 가능하도록 설정했습니다. Quform 개발자가 제시하는 코드를 사용하여 해당 필드를 number 타입으로 변경했습니다. 텍스트 입력 상자에 숫자와 하이픈만 입력 허용하기 텍스트 입력 상자에 숫자만 입력 가능하도록 하거나 숫자와 하이픈만 입력을 허용하고 싶은 경우가 있습니다. 이 경우 t..

텍스트 입력 상자에 숫자만 입력 가능하도록 하거나 숫자와 하이픈만 입력을 허용하고 싶은 경우가 있습니다. 이 경우 text input 필드의 타입을 number나 tel로 변경하는 것을 고려해볼 수 있습니다. input 타입을 nubmer로 변경하면 숫자만 입력 가능하고 tel로 설정하면 숫자와 하이픈(-)과 더하기 기호, 괄호 등 전화번호 입력에 필요한 숫자와 문자만 입력할 수 있습니다. text 타입을 그대로 두고 숫자만 입력 가능하도록 하거나 숫자와 하이픈(-)만 입력하도록 허용하려는 경우 아래의 자바스크립트나 jQuery 스크립트를 활용할 수 있습니다. 텍스트 입력 상자에 숫자와 하이픈만 입력 허용하기 다음 자바스크립트를 적용하면 숫자와 대시(-)만 입력이 가능하게 됩니다. var userName..