웹 앱이란?

Web App

페이스북, 디스코드, 인스타그램, 트위터의 공통점: 라이브러리를 써서 웹 어플리케이션으로서 동작한다.

왜 웹 어플리케이션인가?

• 동작이 마치 애플리케이션 같고
• 사용자 측면에서도 앱처럼 동작하기때문
• pwa (프로그래시브 웹앱)이 있는데 얘는 앱설치하듯 해서 빠르게 사용가능.

이전의 웹사이트는 MVC패턴으로 많이 만들어졌다.

Model: 사용되는 데이터와 데이터를 처리하는 모델. 웹에서 사용하는 모든 종류의 데이터

View: UI

양방향 데이터 바인딩 = 모델에서 값이 바뀌면 뷰에서도 바뀐다. -> 모델과 뷰의 의존성 => 복잡한 서비스=> 컨트롤 힘들어짐

Controller: 사용자의 행동(이벤트)를 처리하는 컨트롤러

What if?

상호작용하는 데이터가 많아지면 어떡할까? virtual DOM: 모든 HTML을 수정하지말고 일부만 수정하기

React

이전 html - 이후 Html 사이에서 react.js가 계산을 해서 공통된 부분 빼고 바뀐 부분을 바꿔주는게 react.js의 역할 MVC 가장 어려웠던거: 아키텍처를 어떻게 설계하느냐

React 특징

• 컴포넌트. 반복되는 부분을 하나의 구성요소로 만들어 코드 재사용
• state 관리.
• virtual dom: 연산 줄여줌. 리소스 재활용. (처음에는 로드하느라 조금 느릴 수 있지만 그다음부터는 페이지 전환이 빠름)