jQuery $(".클래스명") .after를 활용한 HTML 웹페이지 변경 2022. 12. 22. JQuery HTML 요소 삽입 제이쿼리 선택자를 활용해서 해당 클래스를 선택하고. after() 메소드를 활용해서 요소를 추가하는 방법입니다. 아래의 예제는 매우 간단하지만 매우 효과적으로 활용할 수 있는 예제입니다. 어떻게 활용할지는 상상에 맡기겠습니다. $(".s75CSd").after(","); 활용 위와 같이 확장 프로그램을 활용해서 해당 제이쿼리 메소드를 적용합니다. 각 요소 끝에 콤마를 추가하려고 합니다. 콤마를 추가하게 되면 해시태그 등을 쉽게 구분하여 적용하기가 편해집니다. 적용 예시 해당 메소드를 활용해서 콤마를 추가해 준 모습입니다. 이렇게 하면 구글에서는 각 키워드와 관련된 관련 검색어를 쉽게 활용할 수 있습니다. 관련 검색어는 일정한 트래픽을 보장해주기 때문에 놓치기 아쉬운 키워드..

티스토리 특정 카테고리에서만 나타나는 이미지 추가 방법 2022. 8. 7. 특정 카테고리에서만 나오는 콘텐츠 또는 이미지 추가 티스토리 블로그에서 특정 카테고리에서만 나타나는 이미지를 추가하는 방법입니다. ※ 링크 : 해당 방법을 정리해놓은 콘텐츠를 토대로 구현했습니다. 구현 방식은 생각보다 쉽고 간단했습니다. 다만, 이렇게 구현하기 까지 많은 연구와 실험이 있었겠지요. 덕분에 쉽게 구현했습니다. 1. 함수 사용법 JQuery의 filter() 함수를 사용한 방식입니다. 특정한 카테고리에 속한 게시글에만 별도의 이미지 또는 콘텐츠를 추가하고 싶다면 아래와 같이 구현해볼 수 있습니다. 특정 클래스를 포함하고 있는 구조에 클래스 속성과 함수를 변경하는 방법입니다. 이미지를 추가하고 싶을 땐, background : url() no-repeat;을 추가해서 구현했습니다. 예제 사이트..

복사방지 자바스크립트 2021. 9. 23. 본문을 선택하거나 드래그를 하는 것을 막아주는 자바스크립트 명령문이다. 코드는 매우 간단하며, 강력하게 작동한다. 우클릭 버튼 해제 플러그인도 허용되지 않는다. 그러나, 허무하게도 개발자 도구에서 자바스크립트 기능을 해제하면 일시적으로 복사가 가능하다. 대부분은 개발자도구 활용방법을 잘 모르는 경우가 많으므로, 자바스크립트 코드를 배치하는 것만으로도 복사방지에 많은 효과가 있을 수 있다.

한글/영어/숫자 추출 자동화 온라인 도구 2021. 7. 17. 한글 영어 숫자 추출 온라인 도구 입력창 Good pilgrim, you do wrong your hand too much, which 착한 순례자여, 당신의 손을 너무 심하게 대하시네요. mannerly devotion shows in this. 예절바르게 애정을 표현한 것 뿐인데. For saints have hands that pilgrims' hands do touch. 순례자와 성인은 손을 잡는답니다. And palm to palm is holy palmers' kiss. 손바닥끼리 닿으면 성스러운 손바닥 키스가 돼죠. Have not saints lips, and holy palmers, too? 성지 순례자 뿐 아니라 성인에게도 입술이 있지 않소? Ay, pilgrim. Lips that t..

랜덤 단어/이름 자바스크립트 예제 - 무작위 추출 2021. 7. 17. 자바스크립트 - 배열에서 지정된 요소를 무작위 추출하는 방법 카카오 닉네임으로 간단하게 랜덤 문자열 또는 단어/이름을 구현할 수 있다. randomItem() 함수를 활용하는 방법이다. 자바스크립트 배열에서 지정된 요소를 무작위 추출한다. 아래 예제의 경우, 1개만 무작위로 추출해서 화면에 출력한다. document.write를 추가한다면 여러 개의 문자 조합도 가능하다. 요소의 개수 등은 지정하지 않아도 자동처리가 되며, 파라미터만 넣어주면 된다. var kakao = new Array('어피치', '초롱초롱', '튜브', '프로도', '라이언', '프로도'); document.write(randomItem(kakao), ' '); // 위의 주어진 배열(Array)에서 무작위 요소 1개를 반환한다. ..

티스토리 키보드 단축키 수정/추가 - ProcessShortcut 기능 2021. 7. 17. 티스토리 키보드 단축키 수정/추가 티스토리 내에서 키보드 단축키 기능을 적용할 수 있는 자바스크립트 코드다. 웹페이지 내에 ProcessShortcut 기능을 구현하기 위한 방법으로 일반적으로 공통된 스크립트 코드가 적용되어 있다. 따라서, 필요하다면 필요한 기능의 엘러멘트를 추가해서 티스토리 스킨 내의 단축키를 수정하거나 추가할 수 있다. function processShortcut(event) { if (T.config.PREVIEW) { return; } if (isIE) { event = window.event; event.target = event.srcElement; } if (event.altKey || event.ctrlKey || event.metaKey) return; switch (e..

특정 페이지 및 카테고리의 HTML 구조를 변환하기 (IF조건문) 2021. 7. 17. if ( window.location.pathname == '/category/Protect' ) { document.write( '' ); } 특정 페이지 HTML 구조변경 해당 내용은 코코소프트의 내용을 참고하여 응용하였습니다. 위 방법으로 간단하게 특정 카테고리나 특정 페이지의 Document를 수정하거나 새롭게 작성할 수 있습니다. 저의 경우, 보호 글 카테고리(자료보관용)를 생성하게 되면서 본문에 작성되는 내용이 없기 때문에 게시글의 레이아웃이 변형되거나 오류가 생기는 부분이 발생했습니다. 게시글의 2문단 내지 3 문단 정도를 일정하게 작성하면 문제가 발생하지는 않지만, 자료보관용이기 때문에 별도의 글을 작성할 필요도 없고, 단순히 자료보관만 하면 되기 때문입니다. 따라서, 보호되어 있는 글이라..

[JavaScirpt] 자바스크립트로 오늘 날짜 출력하기 2021. 7. 17. 자바스크립트로 오늘 날짜 출력하기 전광판처럼 오늘의 날짜를 안내해야하거나 현재의 시간을 출력해야 할 때, 윈도우의 기본 날짜 출력값을 가져올 수 있는 자바스크립트입니다. 사용방법은 매우 간단하며, 스크립트 소스를 가져오고 적용하고자 하는 위치에 HTML을 작성하면 됩니다. let today = new Date(); let year = today.getFullYear(); // 년도 let month = today.getMonth() + 1; // 월 let date = today.getDate(); // 날짜 document.write('오늘의 날짜 : ' + year + '년 ' + month + '월 ' + date + '일') 출력한 값

[JavaScript] 팝업 창 오늘 그만 보기 2021. 7. 17. 오늘 그만 보기 팝업창 구현하기 오늘의 쿠키를 읽고 페이지 재방문 시에 팝업창을 다시 열지 않게 하는 버튼을 작동하게 하는 자바스크립트 소스입니다. 해당 부분에 HTML을 작성하고 별도의 CSS를 설정한 후, 자바스크립트로 팝업창을 연동할 수 있습니다. HTML 팝업 이미지 또는 내용(컨텐츠) /* 닫기버튼*/ 닫기 JavaScript //====================================================================== //자바스크립트 팝업 버튼 작동 //====================================================================== App.TopPop.init(); var App = new Object(); Ap..