[javascript] Ember.js에서 사용되는 상태 관리 도구는 무엇이 있나요?

04 Dec 2023

javascript

Ember.js의 컨트롤러: Ember.js의 컨트롤러는 애플리케이션의 상태를 관리하는 역할을 합니다. 컨트롤러는 모델 데이터와 뷰 사이의 상호작용, 이벤트 처리 및 액션 관리를 담당합니다.

import Controller from '@ember/controller';

export default Controller.extend({
  // 상태 관리 관련 코드
});

Ember.js의 서비스: 서비스는 여러 컨트롤러나 컴포넌트에서 공유하는 데이터 혹은 상태를 관리하기 위해 사용됩니다. 서비스는 Ember.js의 의존성 주입(Dependency Injection) 기능을 통해 애플리케이션 전체에서 사용될 수 있습니다.

import Service from '@ember/service';

export default Service.extend({
  // 상태 관리 관련 코드
});

Ember.js의 라우터: 라우터는 애플리케이션의 URL과 상태를 매핑하는 역할을 합니다. 라우터를 통해 특정 URL에 접근할 때 특정 상태나 컨트롤러를 활성화시킬 수 있습니다.

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

const Router = EmberRouter.extend({
  location: config.locationType,
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('home', { path: '/' });
  // 라우터 관련 코드
});

export default Router;

Ember.js의 이러한 상태 관리 도구들을 사용하면 애플리케이션의 상태를 효과적으로 관리할 수 있습니다. 자세한 내용은 Ember.js 공식 문서(https://emberjs.com/)를 참고하세요.