미티어의 리엑티비티에 대하여 정리 하여 봅니다.

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

2. 생계형 개발자
- 박승현
- ppillip@gmail.com
- http://digveloper.ppillip.com

3. 리엑티비티의 개념 그리고 미티어
기본 패키지를 이용한 학습
브라우저의 리엑티 비티
오늘 발표 순서
서버의 리엑티비티

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

6. A1 = 5
B1 = 8
C1 = A1 + B1
A1 = 2
print( C1)
리엑티비티의 개념 그리고 미티어

7. 정답은 10 입니다.
그럼 엑셀을 한번 봅니다
리엑티비티의 개념 그리고 미티어

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

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

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

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

12. 컴퓨테이션이 데이터소스이기도 합니다.
리엑티비티의 개념 그리고 미티어

13. 리엑티비티의 개념 그리고 미티어
컴퓨테이션이 데이터소스이기도 합니다.

14. 정리해봅니다
리엑티비티의 개념 그리고 미티어

15. 리엑티비티 정리 1 :
리엑티브 컴퓨테이션은 함수 구문내에 리엑티브 데이터소스(A1,B2)의 변화를 감지하
여 재 구동 된다.
리엑티비티 정리 2 :
리엑티브 컴퓨테이션은 또다른 리엑티브 컴퓨테이션의 데이터소스가 될수 있다.
리엑티비티 정리 3 :
리엑티브 데이터소스의 변화는 그를 감싸고 있는 상위 데이터 컴퓨테이션으로 전이 되
어 변화가 감지된다.
리엑티비티의 개념 그리고 미티어

16. 기본 패키지를 이용한 학습

17. 기본 패키지를 이용한 학습
리엑티비티 1,2,3 을 미티어에서 확인
하기 위해 프로젝트부터 하나 생성

18. <코드>
~/Projects$ meteor create reactivity
reactivity: created.
To run your new app:
cd reactivity
meteor
~/Projects$ cd reactivity
~/Projects/reactivity$ meteor run
</코드>
기본 패키지를 이용한 학습

19. 기본 패키지를 이용한 학습
Reactive-var 패키지 추가

20. <코드>
~/Projects/reactivity$ meteor add reactive-var
reactive-var: Reactive variable
~/Projects/reactivity$
</코드>
기본 패키지를 이용한 학습

21. 기본 패키지를 이용한 학습

22. 기본 패키지를 이용한 학습

23. 기본 패키지를 이용한 학습

24. 자 이제 테스트
기본 패키지를 이용한 학습

25. 기본 패키지를 이용한 학습

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

27. 기본 패키지를 이용한 학습

28. 기본 패키지를 이용한 학습

29. 기본 패키지를 이용한 학습
리엑티비티 정리 2 :
리엑티브 컴퓨테이션은 또다른 리엑티브 컴퓨테이션의 데이터소스가 될수 있다.
리엑티비티 정리 3 :
리엑티브 데이터소스의 변화는 그를 감싸고 있는 상위 데이터 컴퓨테이션으로
전이 되어 변화가 감지된다.

30. 브라우저의 리엑티비티

31. 브라우저의 리엑티비티

32. 브라우저의 리엑티비티

33. 서버의 리엑티비티

34. 서버의 리엑티비티

35. 서버의 리엑티비티

36. 오늘의 결론

38. 감사합니다

39. Q & A