제이쿼리를 효율적으로 작성하는법

 

jQuery 효율적 작성

- 제이쿼리를 사용함에 있어 성능 최적화(performance)에 간단히 알아봅시다.

 

 

 

DOM을 캐싱(Caching)하라.

- 한번 탐색한 DOM을 다시 탐색하는 것은 비효율적이다.

--> DOM Caching : 별도의 변수에 자주 사용하는 값을 저장하는 것

--> DOM요소를 캐싱하면 코드의 실행 속도가 크게 향상

--> $(".content .close")보다는 $content.find(".close")가 더 심플하고 성능상 좋음

 

 

Bad Code

 

Good Code

 

 

 

 

명시적인 '$' 를 식별자를 사용하자.

- jQuery 객체를 참조한 변수 이름 앞에 $를 붙여 jQuery를 사용 가능한 객체임을 식별하도록 혼란을 감소시키자.

 

 

Bad Code

var first = $('.first');
var second = $('.second);
var value = $first.val();

 

Good Code

var $first = $('.first');
var $second = $('.second);
var value = $first.val();

 

 

 

 

블로그참고

 

https://webclub.tistory.com/142