꼬지비 블로그

window.innerWidth + 창틀, 스크롤 크기 = window.outerWith window.innerHeight + 창틀, 스크롤 크기 = window.outerHeight 100vh 는 window.innerHeight 스크롤 이벤트 생성 $(window).on('scroll',, function(){ if( (screen.width > 992) ){ } }) 창크기 변경시 이벤트 생성 $(window).on('scroll', function(){ if( (screen.width > 992) ){ } })

2번의 디자인 변경으로.. 쓰지 않는 CSS는 많아졌는데 함부로 지웠다가 다른데서 깨질까봐 만지질 못하겠다.. 그럴 때 찾아본 방법으로 NPM 사용 Purgecss purgecss.com/ Remove unused CSS - PurgeCSS PurgeCSS is a tool to remove unused CSS that you're not using in your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools. purgecss.com purify-css www.npmjs.com/package/pur..

var mobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); if(mobile){ console.log("모바일기기입니다."); }

- Javascript document.getElementsByClassName("aaa")[n].getBoundingClientRect().left (right도 사용 가능) - jQuery $(".aaa").eq(n).offset().left $(".aaa:eq(n)").offset().left - Javascript & jQuery $(".aaa").get(n).getBoundingClientRect().left eq() 메소드의 경우 제이쿼리 객체로 반환 (제이쿼리 메소드 사용) get() 메소드의 경우 DOM 객체로 반환(자바스크립트로 조작), 값을 배열로 저장 .toArray() jQuery 객체 안에 있는 DOM 객체들을 자바스크립트 배열로 만들어 준다. [제이쿼리] eq(), get() 이..

(출처 : https://developer.mozilla.org/ko/docs/Web/API/Window/matchMedia ) matchMedia("screen and (orientation:portrait)"); matchMedia("only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1)") CSS에서 사용하는 미디어쿼리 문을 그대로 사용할 수 있다.

1) 원하는 폴더의 주소창에 cmd . 입력 2) 탐색기에서 원하는 폴더 위치에서 Shift와 마우스 오른쪽 버튼을 누르고 '여기서 명령 창 열기' 클릭 cd../ 상위폴더로 이동 cd aaa aaa 폴더로 이동 mkdir 폴더 생성

상위(ancestor:조상) 요소의 탐색 DOM 트리에서 특정 요소의 부모(parent) 요소를 포함한 상위의 요소를 탐색하기 위한 메소드는 다음과 같다. .parent() 선택한 요소의 부모(parent) 요소를 선택한다. .parents() 선택한 요소의 상위(ancestor) 요소를 모두 선택한다. .parentsUntil() 선택한 요소의 상위 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .closest() 선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택한다. 하위(descendant:자손) 요소의 탐색 DOM 트리에서 특정 요소의 자손(descendant) 요소를 탐색하기 위한 메소드는 다음과 같다. .ch..

웹호스팅 서버호스팅 클라우드 - 웹서비스만 운영 - 클라우드에 비해 비쌈 - ERP, 회사인트라넷, 대형 쇼핑몰 등 고정적으로 대용량 트래픽과 DB가 많이 소요되고, 보안이 중요한 곳에서 주로 사용 - 비용과 관리 여력 서버 大 - 서버 관리 엔지니어 有 - 게임 / 일시적 이벤트 / 개발 테스트 등 접속자가 갑자기 늘었다 줄었다 하는 유동적 서비스를 운영할 때 - 서버 관리 엔지니어 有