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

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

텍스트 링크에 밑줄 없애는 법 CSS 2022. 8. 6. 텍스트 링크 티스토리 TIP : 간단하게 링크가 걸린 글에 밑줄을 없애는 방법입니다. 기본적으로 링크가 걸리면 밑줄이 생기지만, 요즘은 디자인적으로도 밑줄을 없애는 추세입니다. 링크의 경우 별도 컬러와 볼드 처리를 통해서 강조합니다. 1. 적용방법 링크를 없애는 방법은 CSS 편집을 열어서 코드를 추가해주면 됩니다. none : 선이 없음 line-through : 취소선 overline : 글자 위에 선 underline : 글자 아래에 선 initial : 기본값으로 inherit : 부모 요소의 속성값을 상속 받음 a { text-decoration: none; } 한 줄을 입력하면 텍스트에 걸린 링크를 없앨 수 있습니다. 복잡한 코드로 적용이 안될 경우에 important를 추가해주면 됩니다. a..

움직이는 마우스 버튼 CSS 2022. 8. 6. 마우스 버튼 아이콘 해당 소스는 Dribbble에서 확인하실 수 있습니다. Micro animation for site scroll icons Also check little different version in attachment. Thanks. Here are code versions too Created by Awesome guys from codepen. SVG version by Mishka Pankvelashvili and CSS version by Ryan Mulligan Full presentation on Behance dribbble.com Also check little different version in attachment. Thanks. Here are code versions ..

CSS3 filter 속성과 함수 및 예제 2022. 8. 5. HTML5이나 CSS3를 처음 시작했을 때 너무 어려워서 어떻게 공부를 시작해야 하는지 감이 안 왔던 적이 있습니다. 그렇다고 시간이 지나서 어떤지를 묻는다면 여전히 너무 어려워서 미칠 것 같다.라고 말할 수밖에 없을 것 같습니다. CSS는 CSS1부터 CSS2.1 그리고 현재 CSS3으로 꾸준히 개발되었습니다. 웹 개발을 할 때 화면을 아름답게 꾸며주는 스타일 시트 언어인 CSS3를 공부하는 것은 필수라고 할 수 있겠죠. 그만큼 이전 버전에서 어렵게 구현할 수밖에 없었던 부분들이 순차적으로 새로운 것들이 개발되면서 이제는 매우 쉽게 화면을 꾸밀 수 있는 방법들이 많아졌습니다. 그러한 것들 중 하나가 바로 filter 속성입니다. 이미지를 매우 쉽게 다룰 수 있습니다. /* SVG 필터를 가리키는 URL..

Class: Naver::Searchad::Api::AdKeyword::Service 2022. 5. 29. Inherits:Core::BaseServiceshow allDefined in:lib/naver/searchad/api/ad-keyword/service.rb Instance Attribute SummaryAttributes inherited from Core::BaseService#base_path, #client_options, #request_options, #url Instance Method Summarycollapse#create_ad_keywords(ad_keywords, adgroup_id, options: nil, &block) ⇒ Object#delete_ad_keyword(ad_keyword_id, options: nil, &block) ⇒ Object#delete..

PHP환경에서 개행문자나 특정태그를 제거하는 방법 2021. 10. 12. 정규식을 활용하는 방법 정규식을 활용하여 웹사이트 내의 문자나 특정 태그를 제거, 혹은 수정하는 방법입니다. 이 방법을 통해 쉽게 해당 부분을 변경할 수 있습니다.

스크롤바 없애는 CSS 2021. 10. 7. 스크롤 기능은 존재하지만, 스크롤바가 보이지 않는 CSS 부분적으로 적용할 경우, 특정 섹션에는 클래스로 선택자를 잡고 적용하면 된다. 한 웹사이트의 전체에 적용할 경우, 아래의 스타일을 그대로 적용하면 된다. body{ -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; }

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