39
미티어, 리엑티 비티 부제 : 몽고에서 블레이즈 까지 리엑티비티 파보기

미티어 리엑티비티 ( reactivity of meteor )

Embed Size (px)

Citation preview

미티어, 리엑티 비티

부제 : 몽고에서블레이즈까지 리엑티비티파보기

생계형 개발자- 박승현

- [email protected]

- http://digveloper.ppillip.com

리엑티비티의 개념 그리고 미티어

기본 패키지를 이용한 학습

브라우저의 리엑티 비티

오늘 발표 순서

서버의 리엑티비티

리엑티비티의 개념 그리고 미티어

A1�=�5B1�=�8C1�=�A1�+�B1����A1�=�2�

print(�C1)

리엑티비티의 개념 그리고 미티어

정답은 10 입니다.그럼 엑셀을 한번 봅니다

리엑티비티의 개념 그리고 미티어

리엑티비티의 개념 그리고 미티어

리엑티비티의 개념 그리고 미티어

리엑티비티의 개념 그리고 미티어

리엑티비티의 개념 그리고 미티어

컴퓨테이션이 데이터소스이기도 합니다.

리엑티비티의 개념 그리고 미티어

리엑티비티의 개념 그리고 미티어

컴퓨테이션이 데이터소스이기도 합니다.

정리해봅니다

리엑티비티의 개념 그리고 미티어

리엑티비티정리 1�:�리엑티브컴퓨테이션은함수구문내에리엑티브데이터소스(A1,B2)의변화를감지하여재구동된다.

리엑티비티정리 2�:리엑티브컴퓨테이션은또다른리엑티브컴퓨테이션의데이터소스가될수있다.

리엑티비티정리 3�:리엑티브데이터소스의변화는그를감싸고있는상위데이터컴퓨테이션으로전이되어변화가감지된다.

리엑티비티의 개념 그리고 미티어

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

리엑티비티 1,2,3 을 미티어에서 확인하기 위해 프로젝트부터 하나 생성

<코드>�~/Projects$�meteor�create�reactivityreactivity:�created.��������������������������

To�run�your�new�app:��������������������������cd�reactivity�������������������������������meteor

~/Projects$�cd�reactivity~/Projects/reactivity$�meteor�run</코드>

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

Reactive-var 패키지 추가

<코드>~/Projects/reactivity$�meteor�add�reactive-var

reactive-var:�Reactive�variable�����~/Projects/reactivity$</코드>

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

자 이제 테스트

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

리엑티비티정리 1�:�리엑티브컴퓨테이션은함수구문내에리엑티브데이터소스(A1,B2)의변화를감지하여재구동된다.

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

기본 패키지를 이용한 학습

리엑티비티정리 2�:리엑티브컴퓨테이션은또다른리엑티브컴퓨테이션의데이터소스가될수있다.

리엑티비티정리 3�:리엑티브데이터소스의변화는그를감싸고있는상위데이터컴퓨테이션으로전이되어변화가감지된다.

브라우저의 리엑티비티

브라우저의 리엑티비티

브라우저의 리엑티비티

서버의 리엑티비티

서버의 리엑티비티

서버의 리엑티비티

오늘의 결론

감사합니다

Q�&�A