Ember.js - Revision history

Pchero: /* Overview */

2018-01-05T21:59:34Z

Overview

← Older revision		Revision as of 21:59, 5 January 2018
Line 1:		Line 1:
	== Overview ==		== Overview ==
	Ember.js 내용 정리.		Ember.js 내용 정리.

			개인 프로젝트로 Ember.js 를 사용하려 했으나... ember.js 에서의 zeromq 사용은 아직 많이 불편해서 express 를 사용하기로 함.

			ember.js 에서 node.js(npm) 모듈을 사용하는 여러가지 방법들(bower, Ember-browserify, ...)이 있으나, 그렇게 잘 작동하지는 않는 것 같다. 하지만 다른 프로젝트가 있다면 ember.js 를 한번쯤은 사용해 보고 싶을 정도로 매력인 플랫폼이다.

	== Basic ==		== Basic ==

Pchero: /* Tutorials */

2018-01-04T15:03:23Z

Tutorials

← Older revision		Revision as of 15:03, 4 January 2018
Line 97:		Line 97:
	* https://github.com/emberjs/data - Ember.js data github		* https://github.com/emberjs/data - Ember.js data github
	* https://www.toptal.com/javascript/a-step-by-step-guide-to-building-your-first-ember-js-app - A Guide to Building Your First Ember.js App		* https://www.toptal.com/javascript/a-step-by-step-guide-to-building-your-first-ember-js-app - A Guide to Building Your First Ember.js App
			* http://yoember.com/

	[[category:programming]]		[[category:programming]]

Pchero: /* See also */

2018-01-04T14:45:31Z

Pchero: /* Defining your model */

2018-01-02T12:50:07Z

Defining your model

← Older revision		Revision as of 12:50, 2 January 2018
Line 92:		Line 92:
	post: belongsTo('blog-post')		post: belongsTo('blog-post')
	});		});
	</~~scour~~>		</source>

	== See also ==		== See also ==

Pchero: /* Ember data */

2017-12-26T17:43:55Z

Ember data

← Older revision		Revision as of 17:43, 26 December 2017
Line 56:		Line 56:
	To create a store, you don't need to do anything. Just by loading the Ember Data library, all of the routes and controllers in your application will get a new store property. This property is an instance of DS.Store that will be shared across all of the routes and controllers in your app.		To create a store, you don't need to do anything. Just by loading the Ember Data library, all of the routes and controllers in your application will get a new store property. This property is an instance of DS.Store that will be shared across all of the routes and controllers in your app.

	=== ~~A Brief Note on Adapters~~ ===		=== Adatper ===
	Ember Data uses an object called an adapter to know how to talk to your server.		Ember Data uses an object called an adapter to know how to talk to your server.

	And adapter is just an object that knows how to translate requests from Ember Data into requests on your server. For example, if I ask the Ember Data store for a record of type person with an ID of 123, the adapter translates that into an XHR request to (for example) api.example.com/v3/person/123.json.		And adapter is just an object that knows how to translate requests from Ember Data into requests on your server. For example, if I ask the Ember Data store for a record of type person with an ID of 123, the adapter translates that into an XHR request to (for example) api.example.com/v3/person/123.json.

			In Ember Data, the Adapter determines how data is persisted to a backend data store, such as the URL format and headers for a REST API. (The format of the data itself is determined by the serializer.) Ember Data's default Adapter has some built-in assumptions of how a REST API should look. If your backend conventions differ from these assumptions Ember Data makes it easy to change its functionality by swapping out or extending the default Adapter.

			Some reasons for customizing an Adapter include using underscored_case in your urls, using a medium other than REST to communicate with your backend API or even using alocal storage backend.

	=== Example ===		=== Example ===

Pchero: /* Ember data */

2017-12-26T17:27:44Z

Ember data

← Older revision		Revision as of 17:27, 26 December 2017
Line 55:		Line 55:

	To create a store, you don't need to do anything. Just by loading the Ember Data library, all of the routes and controllers in your application will get a new store property. This property is an instance of DS.Store that will be shared across all of the routes and controllers in your app.		To create a store, you don't need to do anything. Just by loading the Ember Data library, all of the routes and controllers in your application will get a new store property. This property is an instance of DS.Store that will be shared across all of the routes and controllers in your app.

			=== A Brief Note on Adapters ===
			Ember Data uses an object called an adapter to know how to talk to your server.

			And adapter is just an object that knows how to translate requests from Ember Data into requests on your server. For example, if I ask the Ember Data store for a record of type person with an ID of 123, the adapter translates that into an XHR request to (for example) api.example.com/v3/person/123.json.

	=== Example ===		=== Example ===

Pchero: /* Instantiating the Store */

2017-12-26T17:17:49Z

Instantiating the Store

← Older revision		Revision as of 17:17, 26 December 2017
Line 55:		Line 55:

	To create a store, you don't need to do anything. Just by loading the Ember Data library, all of the routes and controllers in your application will get a new store property. This property is an instance of DS.Store that will be shared across all of the routes and controllers in your app.		To create a store, you don't need to do anything. Just by loading the Ember Data library, all of the routes and controllers in your application will get a new store property. This property is an instance of DS.Store that will be shared across all of the routes and controllers in your app.

			=== Example ===
			==== Defining your model ====
			First things first: tell Ember Data about the models in your application. For example, imagine we're writing a blog reader app. Here's what your model definition would look like if you're using ES6 modules.
			<source lang=javascript>
			// app/models/blog-post.js
			import DS from 'ember-data';

			const {attr, hasMany} = DS;

			export default DS.Model.exten({
			title: attr('string'),
			createAt: attr('date'),

			comments: hasMany('comment')
			});

			// app/models/comment.js
			import DS from 'ember-data';

			const { attr, belongsTo } = DS;

			export default DS.Model.extend({
			body: attr('string'),
			username: attr('string'),

			post: belongsTo('blog-post')
			});
			</scour>

	== See also ==		== See also ==

Pchero: /* Ember data */

2017-12-26T17:12:03Z

Ember data

← Older revision		Revision as of 17:12, 26 December 2017
Line 51:		Line 51:
	In paticular, Ember Data uses Promises/A+-compatible promises from the ground up to manage loading and saving records, so intergrating with other JavaScript APIs is easy.		In paticular, Ember Data uses Promises/A+-compatible promises from the ground up to manage loading and saving records, so intergrating with other JavaScript APIs is easy.

			=== Instantiating the Store ===
			In Ember Data, the store is responsible for managing the lifecycle of your models. Every time you need a model or a collection of models, you'll ask the store for it.

			To create a store, you don't need to do anything. Just by loading the Ember Data library, all of the routes and controllers in your application will get a new store property. This property is an instance of DS.Store that will be shared across all of the routes and controllers in your app.

	== See also ==		== See also ==

Pchero: /* Basic */

2017-12-26T17:07:54Z

Basic

@@ Line 41: / Line 41: @@
 </source>
 Ember CLI uses ECMAScript 2015(ES2015 for short or previously known as ES6) modules to organize application code. For example, the line import EmberRouter from '@ember/routing/router'; gives us access to Ember's Router class as the variable EmberRouter. And the import config from './config/environment'; line gives us access to our configuration data as the variable config. const is a way to declare a read-only variable to make sure it is not accidentally reaasigned elsewhere. At the end of the file, export default Router; makes the Router variable defined in this file available to other parts of the app.
 [[category:programming]]

Pchero at 00:22, 26 December 2017

2017-12-26T00:22:13Z

@@ Line 2: / Line 2: @@
 Ember.js 내용 정리.
-== Directory structure ==
+== Basic ==
 * app
 : This is where folders and files for models, components, routes, templates and styles are stored. The majority of your coding on an Ember project happens in this folder.
@@ Line 23: / Line 24: @@
 * ember-cli-build.js
 : This file describes how Ember CLI should build our app.
 [[category:programming]]

← Older revision		Revision as of 14:45, 4 January 2018
Line 94:		Line 94:
	</source>		</source>

	== ~~See also~~ ==		== Tutorials ==
	* https://github.com/emberjs/data - Ember.js data github		* https://github.com/emberjs/data - Ember.js data github
			* https://www.toptal.com/javascript/a-step-by-step-guide-to-building-your-first-ember-js-app - A Guide to Building Your First Ember.js App

	[[category:programming]]		[[category:programming]]