JQuery 1.12.3 버전에서 3.6.0 버전으로 업그레이드 작업 정리

이 글에서는 JQuery 버전이 낮아 웹 보안 취약점으로 잡혀 JQuery의 버전 업그레이드를 하는데 기록을 하려고 한다. 

 

---

개발환경

Eclipse 2021-06 4.20.0 Version(Build id : 20210612-2011)

Spring 4.3.25.RELEASE

JQuery 1.12.3 Version

JQuery UI 1.11.3 Version

JQuery TimePicker 1.8.11 Version

JQuery Simple dateTimePicker 1.11.0 Version

JQuery Mousewheel 3.1.13 Version

JQuery Mobile 1.4.5

JQuery Form 3.51.0-2014.06.20 Version

JQuery Cookie Plugin 1.4.1 Version

---

1. 사용한 JS

1) jquery-migrate-3.4.0.js

JQuery Migrate는 JQuery에서 제공하는 Migration Tool이다. JQuery에서 업그레이드나 Migration을 할 때, 아래와 같이 문제가 생기는 것들을 Console에 알려줘서 효율적으로 수정할 수 있도록 하게 해준다.

위의 사진과 같이, JQuery Migrate에서 경고를 던져준다.

좀 더 자세히 보면 아래와 같다.

 

> focus() 함수는 더 이상 사용하지 않는다.

jQuery.fn.focus() event shorthand is deprecated

 

2) JQuery-Migration 사용 방법

- 아래와 같이, 플러그인에서 가져와서 사용하면 된다.

<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.4.0.js"></script>

 

2. 주의사항

1) JQuery 1.9 이하 버전 사용

JQuery 1.9 이하 버전을 사용하고 있으면 2번에 걸쳐 JQuery Migration(Upgrade)을 진행해야 한다.

- 이 경우에 먼저, jquery-migrate-1.X.js 를 사용하여 JQuery 1.12.X Version이나 JQuery 2.2.X Version으로 업그레이드를 한다.

- 그리고 나서, jquery-migrate-3.X.js 를 사용하여 JQuery 3.X Version으로 업그레이드를 한다.

 

3. 바꿔야 하는 것들 기록

- 바꿔야 하는 것들에 대한 JQuery Warning Message는 아래의 URL에 기록되어 있다.

https://github.com/jquery/jquery-migrate/blob/main/warnings.md

GitHub - jquery/jquery-migrate: A development tool to help migrate away from APIs and features that have been or will be removed

 

4. 편법

JQuery를 업데이트를 할 때, 시간이 없을 경우에 편법이 있는듯하다. JQuery-Migrate.js 파일이 그 전 버전의 JQuery까지 사용할 수 있도록 해주니까 그냥 이거를 사용하면 된다.

 

5. JQuery 버전 업시 JQuery UI

JQuery를 3.6.0 버전으로 올리고나니 JQuery-ui.js가 작동하질 않는다. 그래서, jquery-ui.js의 버전을 1.13.1로 올려서 했더니 정상 작동한다.

물론, 돌아가지 않는다가 아닌 JQuery 3.6.0 버전이랑 호환이 되지 않는 함수가 있어서 버전을 올렸다.

---

참고 자료

https://velog.io/@gillog/jQuery-jQuery-Migrate-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

https://github.com/jquery/jquery-migrate/blob/main/warnings.md

 

---