본문 바로가기
개발/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 대에 맞게 수정한다.

반응형

댓글