Ember.js: Ember 3.9.0์—์„œ jQuery ์‚ฌ์šฉ ์ค‘๋‹จ ์˜ค๋ฅ˜๋ฅผ ์ œ๊ฑฐํ•  ์ˆ˜ ์—†์Œ

์— ๋งŒ๋“  2019๋…„ 04์›” 12์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: emberjs/ember.js

์‚ฌ์šฉ ์ค‘๋‹จ ๊ฒฝ๊ณ ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋งํ•ฉ๋‹ˆ๋‹ค.

Using Ember.$() has been deprecated, use 'jquery'์—์„œ jQuery ๊ฐ€์ ธ์˜ค๊ธฐ; instead [deprecation id: ember-views.curly-components.jquery-element] See https://emberjs.com/deprecations/v3.x#toc_jquery-apis for more details.

๋ฌธ์ œ์˜ ๋‚ด ์ฝ”๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค

import jQuery from 'jquery';

import Component from '@ember/component';
export default Component.extend({
  ...
    _addResizableHandlers() {
        const jqueryElement = jQuery(this.element);
        jqueryElement.resizable({
            handles: 'all',
            stop: bind(this, this._onResizeEnd)
        });
        this._resizableInstance = jqueryElement.resizable('instance');
    },
  ...
});

๊ทธ ๋ฐฉ๋ฒ•์€

_addResizableHandlers() {
      const jqueryElement = Ember.$(this.element);
      jqueryElement.resizable({
        handles: 'all',
        stop: Ember.run.bind(this, this._onResizeEnd)
      });
      this._resizableInstance = jqueryElement.resizable('instance');
    },

ํŒจํ‚ค์ง€.json

"@ember/jquery": "^0.5.2",

๋‚ด yarn.lock์ด 0.5.2๋ฅผ ๊ฐ€๋ฆฌํ‚ค๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ œ๋Œ€๋กœ ๋ฒˆ์—ญ๋˜์ง€ ์•Š์•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

0.6.0์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋ฉด ์‚ฌ์šฉ ์ค‘๋‹จ ๊ฒฝ๊ณ ๊ฐ€ ์‚ฌ๋ผ์กŒ์ง€๋งŒ 3.9.0์˜ ๊ธฐ๋ณธ ์ฒญ์‚ฌ์ง„์— ๋Œ€ํ•ด @ember/jquery ๊ฐ€ ^0.6.0 $์—ฌ์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋น„์Šทํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ember new๋กœ ์ƒˆ ember ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค..
ember-cli ๋ฒ„์ „์€ 3.9.0์ž…๋‹ˆ๋‹ค. ์ƒˆ ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ๋ณ€๊ฒฝํ•˜๊ณ  'ember test'๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ์˜ค๋ฅ˜ ์—†์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ์˜ˆ๋ฅผ ๋“ค์–ด 'ember g model test1'์„ ์‚ฌ์šฉํ•˜์—ฌ ์ƒˆ ๋ชจ๋ธ์„ ์ƒ์„ฑํ•œ ๋‹ค์Œ 'ember test'๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ๋‹ค์Œ ๊ฒฝ๊ณ ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
๊ฒฝ๊ณ : ์ง€์› ์ค‘๋‹จ: Ember.$() ์‚ฌ์šฉ์€ ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋Œ€์‹  import jQuery from 'jquery'; ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. [์‚ฌ์šฉ ์ค‘๋‹จ id: ember-views.curly-components.jquery-element] https://emberjs.com/deprecations/v3 ์ฐธ์กฐ ์ž์„ธํ•œ ๋‚ด์šฉ์€
6๋ฒˆ ๋™์•ˆ.
์–ด๋–ค ์•„์ด๋””์–ด๋ผ๋„? ์ธ์‚ฌ๋ง

๋ชจ๋“  3 ๋Œ“๊ธ€

@ember/jquery๋Š” 3.9.0์˜ ๊ธฐ๋ณธ ์ฒญ์‚ฌ์ง„์— ๋Œ€ํ•ด ^0.6.0์ด์–ด์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ, ๋™์˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ember-cli/ember-cli์—์„œ ๋ณด๊ณ ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

๋น„์Šทํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ember new๋กœ ์ƒˆ ember ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค..
ember-cli ๋ฒ„์ „์€ 3.9.0์ž…๋‹ˆ๋‹ค. ์ƒˆ ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ๋ณ€๊ฒฝํ•˜๊ณ  'ember test'๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ์˜ค๋ฅ˜ ์—†์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ์˜ˆ๋ฅผ ๋“ค์–ด 'ember g model test1'์„ ์‚ฌ์šฉํ•˜์—ฌ ์ƒˆ ๋ชจ๋ธ์„ ์ƒ์„ฑํ•œ ๋‹ค์Œ 'ember test'๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ๋‹ค์Œ ๊ฒฝ๊ณ ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
๊ฒฝ๊ณ : ์ง€์› ์ค‘๋‹จ: Ember.$() ์‚ฌ์šฉ์€ ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋Œ€์‹  import jQuery from 'jquery'; ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. [์‚ฌ์šฉ ์ค‘๋‹จ id: ember-views.curly-components.jquery-element] https://emberjs.com/deprecations/v3 ์ฐธ์กฐ ์ž์„ธํ•œ ๋‚ด์šฉ์€
6๋ฒˆ ๋™์•ˆ.
์–ด๋–ค ์•„์ด๋””์–ด๋ผ๋„? ์ธ์‚ฌ๋ง

FWIW, ๋ณด๊ณ ๋œ ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค(ํŒจ์น˜ ๋ฒ„์ „ 3.9๋กœ ๋ฆด๋ฆฌ์Šค๋˜์—ˆ์œผ๋ฉฐ ๋ฐฉ๊ธˆ ๋ฆด๋ฆฌ์Šค๋œ 3.10์—๋„ ํฌํ•จ๋จ). ์ผ๋‹จ ๋‹ซ์„๊ป˜์š”...

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰