DEVLOG

child_process npm 설치 $ npm i child_process https://www.npmjs.com/package/child_process child_process This package name is not currently in use, but was formerly occupied by another package. To avoid malicious use, npm is hanging on to the package name, but loosely, and we'll probably give it to you if you want it. www.npmjs.com child_process spawn()과 exec()두가지가 있는데 이 둘의 차이점은 링크에서 확인할 수 있다. 간단하게 ..

body태그나 특정 요소의 크기를 확인해야하는 경우 상황에 따라 쓰일 수 있는 세 가지의 값이 있다. document.body.offsetWidth; document.querySelector('.classNameSomething').offsetWidth; ● offsetWidth(Height) document.querySelector('.classNameSomething').offsetWidth; document.querySelector('.classNameSomething').offsetHeight; margin을 제외한 padding값, border값까지 계산한 값 제일 많이 사용! ● offsetTop document.querySelector('.classNameSomething').offsetTo..

window 콘솔창에 window객체를 찍어보면 다양한 정보들이 찍히는데 여기에서 innerWidth, innerHeight / outerWidth, outerHeight에 대한 정보도 확인할 수 있다. 전체 창의 크기(보라색테두리)를 나타내는 outerHeight, outerWidth는 위 메뉴와 콘솔창을 포함한 전체 창의 크기를 나타낸다. 반면 실제 웹페이지가 보이는 크기(빨간색테두리)를 나타내는 innerHeight, innerWidth의 경우에는 콘솔창, 위 메뉴들을 제외하고 실제 보이는 웹페이지의 크기를 나타낸다. outerWidth보다는 innerWidth를 활용해야하는 일들이 많을것으로 생각되니 innerWidth를 기억해두쟈~

window인터페이스를 사용하여 현재 스크롤값의 위치를 확인하려면 다음과 같이 두가지의 방법이 있다. pageYOffset scrollY 두 메소드 모두 수직방향으로 스크롤된 거리를 픽셀단위로 반환하며, 최신 브라우저에서는 값의 정밀도가 픽셀보다 작으므로 반드시 정숫값을 반환하는건 아니다. 정숫값이 필요하면 Math.round()를 사용해 반올림할 수 있다. 두 메소드는 동일한 일을 하는 친구들이지만 차이점이 있다면 구버전 환경에서 지원이 되느냐 안되느냐이다. 예를들어 IE..IE......IE................... scrollY var y = window.scrollY pageYOffset yOffset = window.pageYOffset; 일부 오래된 브라우저는 scrollY 대신 pa..