728x90 300x250 SMALL 2025/04/301 jQuery 유지보수를 위한 4단계 리팩토링 전략 jQuery로 작성된 코드가 어떻게 복잡해지고, 그걸 어떻게 구조화하면 좋을지 단계별로 정리해보자 1단계 : 무분별한 직접 호출 방식// index.js$('.tab').on('click', function() { $('.tab-content').hide(); $('.tab-content').eq($(this).index()).show();}); 같은 코드가 다른 곳에도 중복될 가능성 있음.tab이 존재하지 않아도 실행됨이벤트 중복 바인딩 위험2단계 : 네임스페이스 적용var MyApp = MyApp || {};MyApp.Tab = { bindEvents: function() { $('.tab').on('click', function() { $('.tab-content').hide().. 2025. 4. 30. 이전 1 다음 728x90 반응형 LIST