반응형 FullStack159 내부변수를 이용하여 한번 실행 내부 변수를 이용하여 선언한 함수를 한 번만 실행 function once (fn) { var called = false; return function () { if (!called) { called = true; fn.apply(this, arguments); } } } var fn = once(function(){ console.log('Hello~'); }); fn(); fn(); fn(); 2020. 1. 28. Repeat Util 문자열 반복을 쉬푸트 연산을 사용하여 하는 방법. var repeat = function (str, n) { var res = ''; while (n) { if (n % 2 === 1) { res += str; } if (n > 1) { str += str; } n >>= 1; } return res }; console.log(repeat('abc123', 5)); 2020. 1. 28. CSS POSITION 위치를 결정하는 결정하는 속성입니다. static (기본위치) 기본적인 position 속성입니다, 따로 속성을 주지 않는다면 적용됩니다. 오른쪽에서 왼쪽, 위에서 아래로 배치 부모 안에서 위치될 때에는 부모를 기준으로 오른쪽에서 왼쪽, 위에서 아래로 배치 relative (상대위치) 태그의 top, left, right, bottom을 이용하여 위치 조절이 가능 태그의 안쪽 방향으로 준 스타일이 적용됨. relative의 경우 자신의 static 기준으로 움직임. { position: relative; top: 5px } top을 5px를 줄 경우, 위에서 아래로 5px 내려감. absolute absolute의 경우 static 속성을 가지고 있지 않은 부모 포지션을 기준으로 움직임, 만약 부모 태그.. 2019. 12. 22. JavaScript로 z-index 구하기 레이어 팝업을 올리기 위해서 화면의 최대 z-index를 구하려고 했지만 style에서 정의된 것이 아닌 외부 CSS 파일에 정의된 z-index를 가지고 올 수 없었다. (jQuery를 사용하는 환경에 너무 익숙해졌다) document.defaultView.getComputedStyle(el, null)의 경우 활성화 스타일, 속성 값이 모두 연산된 결과를 돌려주므로, 스크립트 등으로 속성을 변경하였다고 해도 문제없이 가져온다. const fnMaxZIndex = () => { let els = [...document.querySelectorAll('body *')]; let maxZindex = 1; els.forEach( (el) => { let zIndex = document.defaultView.. 2019. 12. 21. 이전 1 ··· 30 31 32 33 34 35 36 ··· 40 다음 반응형