85일 - 리액트 intro

 

Q. 리액트에서 Flux라는게 왜 나왔을까. 이걸 알아보기 전에 MVW같은게 뭔지 알아보자 

Q. MVW 프레임워크란

- 화먼에서 뭐가 바뀌면 M이 바뀌어서 연관된 화면이 저절로 갱신되는게 다 MVC 모델. 

  이 제어를 하는게 Controllwer. 

앵귤러에서는 이런 것들을 whatever라며 한꺼번에 묶은 것.

- 앵귤러 js의 mvw = 뷰 js가 동일한 기능을 가짐

-> 한물간 앵귤러보다 뷰 js를 사용하자. 

- 앵귤러 js 사이트 들어가보니 더 이상 업그레이드 개발 안한다는 코드 뜸

https://angularjs.org/

 

뷰 사이트를 가보자.

https://vuejs.org/v2/guide/installation.html

 

//

 

vs에서 폴더 하나 더 만들어보자.

 

cdn 

= content delivery n...? 

- 내 사이트에서 이 라이브러리를 같이 배포해주는 것

- 내가 src = "" 이렇게 해주면, 여기!서 다운로드 해서 배포해주는 것

  만약 다른 사이트에서 이걸 받았으면 내 사이트 와서 굳이 또 안받아도 되는 것.

  (만약 내가 직접 배포해주는거였으면 또! 받아야하는것) 

- 근데 cdn을 절대적으로 믿어서는 안 됨. 이 회사에서 서비스 망할 수도 있으니.

  그러니 사본은 받아놓자 ~ (서비스 안 되면 내거 쓰도록)

  (지금 우리는 굳이 사본은 받아놓지 않은 것)

 

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

 

// 

 

계산기 예제 예를 들어서 예전같았으면

cf) 코드 이해 왜 x 값을 집어넣는데 10, 11번째 코드도 필요하지?(vice versa)라고 생각했는데 -> 필요함  - x 값이 변하면 x+y의 값도 변해야하기에.

 

지금까지는 계속 이렇게 해왔는데, MVC 방식에서 보면 이게 얼마나 비효율적인건지 can know ~ 

 

이게 어떻게 바뀌는지 알아보자~!