""의 검색 결과

HTML 페이지 복사/붙여넣기 방지(Ctrl+C/Ctrl+V 비활성화)

자바스크립트를 사용하여 마우스 오른쪽 버튼 클릭 금지하기

이전 글에서 워드프레스 복사 방지(오른쪽 마우스 금지) 플러그인을 소개했습니다. 워드프레스에는 WP Content Copy Protection & No Right Click 등 다양한 오른쪽 마우스 클릭을 방지하는 플러그인이 있습니다. 하지만 플러그인 설치는 그렇게 좋은 옵션이 아닌 경우가 많습니다. ...

더 읽기

자바스크립트 위치: 헤더 vs. 푸터 [자체 정리용]

자바스크립트 위치

자바스크립트를 헤더와 푸터에 위치시키는 것의 차이점은 무엇일까? 자바스립트 코드를 헤더와 푸터 중 어디에 위치시키는 것이 좋을까? 푸터에 자바스크립트를 위치시키는 이유 자바스크립트를 헤더와 푸터에 위치시키는 것의 차이에 대해 "Javascript in header vs footer" 글을 참고해볼 수 ...

더 읽기

[jQuery] 모든 target='_blank' 제거하기

외부 링크를 새 창에서 열기 jQuery

블로그 글을 작성하면서 링크는 내부 링크든 외부 링크든 모두 새로운 창에서 열리도록 target="_blank" 속성을 추가한 상태입니다. 하지만 외부 링크는 새로운 창에서 열리도록 하면서 내부 링크의 경우 새로운 창에서 열리는 것보다 같은 창에서 열리도록 하는 것이 더 ...

더 읽기

Medium처럼 위아래 스크롤에 따라 헤더 숨기기/표시하기

Medium처럼 위아래 스크롤에 따라 헤더 숨기기/표시하기 2

과거 우리나라에서 웹사이트 제작이 비교적 초창기였을 때 사이트들은 전반적으로 플래시를 사용하여 화려한 효과를 중시했었습니다. 제가 웹에 대해 아무 것도 모르던 시절(지금도 잘 모르지만)에 포트폴리오 홈페이지를 하나 만든 적이 있었습니다. 디자인에 대해서도, html에 대해서도 거의 아는 것이 없었기 때문에 ...

더 읽기

javascript를 사용한 간단한 날짜 카운트다운

javascript를 사용한 간단한 날짜 카운트다운 3

자바스크립트를 사용한 날짜 카운트다운 스크립트입니다(예: 2017년 새해까지 남은 일 수 등). 간단하게 활용할 수 있을 것 같습니다. javascript를 사용한 간단한 날짜 카운트다운 예시 CountDownTimer('01/01/2017', 'countdown'); // 2017년 1월 1일까지 CountDownTimer('01/01/2018 00:00 AM', 'newcountdown'); // 2018년 ...

더 읽기

jQuery를 사용하여 DIV를 랜덤하게 표시하기

jQuery를 사용하여 DIV를 랜덤하게 표시하기 4

페이지를 로드할 때마다 여러 개의 DIV 항목 중 하나를 랜덤하게 표시하고 싶은 경우가 있습니다. 예를 들어, 페이지를 방문할 때마다 여러 개의 배너 이미지 중 하나가 무작위로 표시되도록 하는 경우에 여기에 해당됩니다. 이 경우 jQuery를 사용하여 ...

더 읽기

[jQuery] 동일 페이지 내에서 부드럽게 스크롤시키기

[jQuery] 동일 페이지 내에서 부드럽게 스크롤시키기 5

동일 페이지 내에서 링크를 클릭했을 때 부드럽게 스크롤되도록 하려면 다음 jQuery 스크립트를 사용할 수 있습니다. $(function() { $('a[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ...

더 읽기

jQuery를 사용하여 링크를 새 창에서 열기

jQuery를 사용하여 링크를 새 창에서 열기 6

특정 링크(예: 단일 링크, 모든 외부 링크 등)를 클릭했을 때 새 창에서 열리도록 하고 싶은 경우가 있을 수 있습니다. 이런 경우 HTML 소스에서 를 삽입하면 쉽게 해결되겠지만 소스 코드를 수정할 수 없는 경우에는 어떻게 하면 ...

더 읽기

[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기

[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기 7

특정 DIV 다음에 새로운 DIV를 추가하고 원하는 클래스를 부여하고 싶은 경우가 있을 수 있습니다.  이 경우 소스를 수정할 수 있다면 좋겠지만 그렇지 않은 경우 jQuery를 사용할 수 있습니다. 여러 가지 방법을 생각해볼 수 있습니다. 우선 다음과 같은 ...

더 읽기