카테고리 없음

Jquery major 버전 올리기 (jquery 1.7.x to 3.5.x)

먀체도 2020. 10. 13. 18:45
반응형

Jquery 보안 이슈 때문에 1.7.1에서 3.5.1로 버전을 올려야 할 일이 생겼다.

Major 버전을 두 단계나 건너뛰기 때문에, 그 사이에 크게 변경된 기능들이 많을 것이라 조심스러웠다.

버전 업그레이드 가이드는 Jquery 공식 홈페이지 > jquery.com/download/에서 쉽게 확인할 수 있다.

방법 1. 변경내역을 직접 보며 수정

jquery.com/upgrade-guide/

문법(syntax)이 크게 변경된 버전이 1.9, 3.0, 3.5 세 가지이고, 각 버전으로 업그레이드 할때 아래 가이드에 따라 개발해둔 스크립트를 수정하면 된다.

1.9

jquery.com/upgrade-guide/1.9/

3.0

jquery.com/upgrade-guide/3.0/

3.5

jquery.com/upgrade-guide/3.5/

위의 링크를 따라 들어가보면 알겠지만 1.9, 3.0 의 경우 변경된 부분이 좀 있어서 수정하기 귀찮다. 수정하더라도 사이드펙트에 대한 부담도 있을 것이다.

방법 2. JQuery Migrate plugin - Migrate 플러그인을 삽입하여 점진적으로 교체

버전업그레이드시 기존 스크립트를 수정하기가 부담스러운 경우 JQuery Migrate 플러그인을 사용하여 우선 교체를 해보자.
Migrate Plugin은 Deprecated되거나 Removed된 API 및 feature를 감지하고 복원하는데 사용될 수 있다.
Removed 또는 deprecated된 문법을 사용하는 경우, 콘솔에는 warnning의 형태로 표현을 해주는 것 같다. 콘솔에 표시되는 메세지를 보며 스크립트를 점진적으로 교체할 수 있을 것이다.

to 2.x

  1. 1.x or 2.x 대 최신 버전으로 변경
  2. Jquery Migrate 1.x 플러그인 include ([https://github.com/jquery/jquery-migrate/tree/1.x-stable#readme](JQuery Migrate stable))
  3. 콘솔 [https://github.com/jquery/jquery-migrate/blob/1.x-stable/warnings.md](warnning 메세지)를 보고 해결 후 2.x대 최신 버전으로 변경

to 3.0

  1. Jquery Migrate 3.x 플러그인 include
  2. 콘솔 [https://github.com/jquery/jquery-migrate/blob/master/warnings.md](warnning 메세지)를 보고 warnning 해결후 3.x로 최종 변경to 3.5Jquery Migrate 3.x 플러그인 include
    Query.UNSAFE_restoreLegacyHtmlPrefilter(); 구문 삽입후 경고메세지 모니터링 / 수정
    github.com/jquery/jquery-migrate

jquery 관련 플러그인 version

선택사항이나 JQuery 버전 업데이트에 맞춰서, 플러그인도 최신 버전으로 업그레이드 할 것을 권장한다.

반응형