Frontend Developer를 향해 !

// jQuery $('.selector'); $('#selector'); $('div.selector').find('.btn'); // javascript document.getElementsByClassName('selector'); document.getElementById('selector'); document.querySelector('.selector').querySelector('li'); // jQuery $('[data-foo-bar="someval"]'); // javascript document.querySelectorAll('[data-foo-bar="someval"]'); // jQuery $('#myForm:invalid'); // javascript document.queryS..

1. DOM을 캐싱하라. 한번 탐색한 DOM을 다시 탐색하는 것은 비효율적이니까. Bad h = $('.element').height(); $('.element').css('height',h-20); Good $element = $('.element'); h = $element.height(); $element.css('height',h-20); 2. 가급적 전역을 오염시키지 마라. 함수 영역(Scope) 내, 지역 변수 사용으로 전역을 오염시켜 충돌이 나는 것을 사전에 방지해야 하니까. Bad $element = $('.element'); h = $element.height(); $element.css('height',h-20); Good var $element = $('.element'); var h..