열정과 게으름 사이

음악 스트리밍보다는 라디오를 주로 듣는 편이지만 한동안 네이버 쇼핑을 자주 이용할 듯 하여 네이버 음악 서비스인 VIBE에 가입을 했다. 네이버 쇼핑과 음악 서비스가 대체 무슨 상관관계란 말인가?? 라는 생각이 들테니 답을 해주는 것이 인지상정!! 네이버 음악 서비스인 VIBE를 정기 결제하면 매달 네이버 플러스 멤버십 1개월 체험권을 제공해 준다. 아니!! 정기 결제라고?? 그럼 제목 처럼 무료가 아닌데?? 하는 생각에도 답해주는 것이 인지상정!! 현재 네이버 음악 서비스인 VIBE에서 친구 추천으로 가입을 하면 4개월 이용하는 동안 첫 달은 무료, 다음달 정기 결제일부터 8,500원이 결제가 되고, 다음 날 8,500원을 네이버 포인트로 돌려주는 이벤트를 하고 있기 때문이다. 이왕이면 네이버 멤버스 ..

자바스크립트 객체.clientHeight, 객체.clientWidth : padding을 포함한 높이, 너비 객체.scrollHeight, 객체.scrollWidth :padding을 포함한 화면 상에 표시되지 않은 콘텐츠를 포함한 높이,너비 객체.offsetHeight, 객체.offsetWidth :border를 포함한 객체의 높이,너비(auto값은 얻을 수 없음) 제이쿼리 객체.height(), 객체.width() :겍체의 높이, 너비 (auto값은 얻을 수 없음) 객체.innerHeight(), 객체.innerWidth() :paddind을 포함한 높이, 너비 객체.outerHeight(), 객체.outerrWidth() :border,padding를 포함한 높이, 너비 객체.outerHeight(..

- 마우스를 클릭했을때 좌표 얻는 방법 screenX, screenY 모니터의 화면을 기준으로 좌표 표시. 왼쪽 상단의 모서리 좌표가 (0,0) pageX, pageY 전제 문서를 기준으로 좌표 표시. 문서의 왼쪽 모서리 좌표가 (0,0) 스크롤시 보이는 마우스 포인터의 위치는 같아도 좌표는 스크롤 만큼 늘어날수 있음. clientX, clientY 브라우저에서 웹페이지가 보여지는 영역을 기준으로 좌표 표시. 주소바 아래 웹페이지가 보여지는 영역의 왼쪽 상단 모서리 좌표가 (0,0) -전체화면으로 띄어 놓았을때 screenY와 clientY의 좌표 차이는 screenY-(메뉴+주소바의 높이) offsetX, offsetY 이벤트가 바인딩된 DOM Node를 기준으로 좌표 표시. img를 클릭했을 경우. ..

계산을 요하거나 할때 css의 값을 읽어야 경우 두가지 방법으로 css 값을 읽을 수 있다. 1. getElementsBycClassName()[0].style or querySelector().style 메소드를 사용 2. getComputedStyle() 메소드를 사용 두 경우 같은 결과를 읽어올 수도 아닐 수도 있다. 읽어오는 결과는 css가 인라인으로 작성되었는가, 외부 css를 사용하였는가, js를 사요하였는가에 따라 달라진다. 콘솔창을 보면, 33라인과 36라인은 값을 읽어오지 못하지만, 같은 클래스를 가리키는 34라인과 37라인은 값을 읽어온다. .div1의 경우 width값이 없기 때문에 100%의 값에서 스크롤바 너비가 빠진값이 읽어진 것이고, .div2의 경우 외부 css로 설정한 값이..