본문 바로가기
개발/Javascript

jQuery 1.12.x to jQuery 3.x Upgrade 방법

by 혈중마라농도 2022. 2. 8.

Jquery 1.12.2 에서 3점대로 업그레이드하는 방법입니다.
업그레이드 방법은 Jquery 공식 홈페이지에도 기재되어 있습니다.
먼저 먼저쓰던 버전이 1.9버전 미만이라면 jQuery Migrate 1.4.1 를 다운받고,
1.9 이상이라면 jQuery Migrate 3.3.2 를 다운받으시면 됩니다.

https://jquery.com/download/#jquery-migrate-plugin

 

Download jQuery | jQuery

link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download

jquery.com

jQuery 공식 홈페이지 다운로드 경로


일단 min 버전과 풀버전을 다 받으시면 되고, 일단 사용할 버전은 풀버전을 사용하면 됩니다.
그리고, 업그레이드 할 jQuery 와 jQuery Migrate 를 사용합니다.
저는 1.12.2에서 3.6.0 로 업그레이드를 해서 jQuery 3.6.0 버전과 jQuery Migrate 3.3.2 를 사용하였습니다.
그런 다음 업그레이드가 필요한 페이지를 로드하면, console.log() 로 무수히 많은? 로그가 생기는 것이 보인다면, 이제부터 수정이 필요한 jQuery 함수들 입니다.

jQuery Migrate 추가 후 개발자 도구 콘솔에서 본 화면

위와 같이 바뀐 함수에 대해서 설명이 나오고, 어디서 썻는지까지 확인이 가능하다.
위 사진은 PopupHelper.js 에 33 줄, 1244줄, 1117줄에 함수들을 수정하면 된다. 

※ 요약
1. jQuery 3.6.0 을 다운받는다.
2. jQuery Migrate 3.3.2 를 다운받는다.
3. 쓰던 jQuery 1.12.2를 제거하고, jQuery 3.6.0 버전과 jQuery Migrate 3.3.2 를 사용한다.
4. 개발했던 페이지를 로드한다.
5. console.log에 찍히는 warm 로그들을 3.x 대에 맞게 수정한다.

 

jQuery 3.4.1에서 3.5.1로 업그레이드 시 디자인이 무수히 깨지는 현상이 발생할 수 있는데요.
아래의 링크를 에서 해당내용은 다루겠습니다.
jQuery 3.4.1 에서 jQuery 3.5.1로 업그레이드 가이드 (tistory.com)

 

jQuery 3.4.1 에서 jQuery 3.5.1로 업그레이드 가이드

3.4.1에서 3.5.1로 업그레이드 시 변경되는 부분은 1가지 입니다. 그 한가지는 htmlPrefilter 가 변경된다는 내용인데요. 이 기능은 jQuery selector 자체로 태그를 만들 때 사용되던 것이였는데요. 예를 들

nhj2021.tistory.com

 

주요 변경 사항에 대해서는 아래 링크에 설명하였습니다.
jQuery 1.12.x to jQuery 3.x Upgrade 주요 변경 사항

 

jQuery 1.12.x to jQuery 3.x Upgrade 주요 변경 사항

1. 주요 변경 사항1.1 Ajax 관련 변경1) success, error, complete 콜백 제거이전에는 $.ajax()에서 success, error, complete를 사용했으나, 최신 버전에서는 Promise 방식을 선호합니다.수정 전:$.ajax({  url: '/examp

nhj2021.tistory.com

 

반응형

댓글