본문 바로가기
반응형

전체 글147

모바일 전용 페이지 만들기 모바일 전용 페이지를 만들도록 하겠다. 현재의 Mozilla 버전(정보) + OS 정보 + 렌더링 엔진 정보 + 브라우저 이름을 기반으로 모바일 정보가 있는지 검사를 하는 것이다.  var mobileKeyWords = new Array('iPhone','iPod','BlackBerry','Android','Windows CE','LG','MOT','SAMSUNG','SonyEricsson');for(var word in mobileKeyWords){ if(navigator.userAgent.match(mobileKeyWords[word]) != null) { location.href="모바일 전용 html 링크"; break; }} navigator.userAg.. 2024. 10. 28.
자연스로운 스크롤 이동 javascript와 html을 이용하여 진행을 하였습니다. 빠르게 코드 먼저 살펴보도록 하겠습니다.  const animationMove = function(selector){ const targetEl = document.querySelector(selector); if (!targetEl) return; const browserScrollY = window.scrollY ? window.scrollY : window.pageYOffset; const targetScrollY = targetEl.getBoundingClientRect().top + browserScrollY; const rem = parseFloat(getComputedStyle(document.docume.. 2024. 10. 21.
오른쪽 마우스 클릭 금지하기 오른쪽 마우스 클릭을 금지하기 위한 방법은 여러 가지가 있습니다.그중에서 저는 html을 사용하여 금지하는 방법을 알아보도록 하겠습니다.  우선 코드부터 빠르게 살펴보도록 하겠습니다. html 코드의 head 태그의 바로 아래에 적어주시면 됩니다.    oncontextmenu='return false' 우클릭을 방지해 주는 내용입니다.  onselectstart='return false'마우스 드래그를 방지합니다.  ondragstart='return false'이미지 복사 드래그를 방지합니다.  간단하게 오른쪽 마우스 클릭을 막는 방법에 대해 알아보았습니다. 하시는 프로젝트에 도움이 조금이라도 되었으면 좋을 것 같습니다. 2024. 10. 14.
서광계기 홈페이지 보호되어 있는 글 입니다. 2024. 10. 10.
반응형