반응형 FullStack/11. JavaScript8 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. 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. ECMAScript 6 - Arrow Function ECMAScript 6 - Arrow Function Arrow Function(화살표 함수)는 함수 표현의 축약형이며 () => {...} 사용하여 함수를 간결하게 표현할 수 있다. arrow 함수의 경우 this 주의. 자바스크립트의 경우 this는 바인딩 객체가 정의된 것이 아닌 누가 호출하는지에 따라 this 객체가 동적으로 결정되는데 arrow 함수의 경우 this는 상위 스코프의 this이다. 화살표 함수의 경우 call, apply, bind 메소드를 사용하여 this를 변경할 수 없다. // 함수 사용법 () => { ... }; (x) => { ... }; x => { ... }; // 매개변수가 하나인 경우 소괄호가 없어도 됨. (x) => { return x }; //return 이 .. 2019. 12. 19. [JS LIB] 캘린더 라이브러리. 일정 관리를 위한 캘린더 라이브러리를 검색하다 눈에 띄인 라이브러리. 라이센스 : MIT license 사이트 : http://arshaw.com/fullcalendar/ 공부해봐야 겠다. 2013. 7. 15. 이전 1 2 다음 반응형