단방향 바인딩 vs 양방향 바인딩
데이터 바인딩? 화면상에 보여지는 데이터(View)와 브라우저 메모리에 있는 데이터(Model)를 묶어서(Binding) 서로 간의 데이터를 동기화하는 것을 의미 HTML에서 서버 혹은 스크립트상에서 받아온 데이터를 화면상에 그려주고 있다고 가정을 했을 때, 해당 값이 변경이 될 경우 다시 HTML 상에 데이터(값)를 변경된 값에 따라서 맞추어 주는 동작을 '데이터 바인딩'이라고 함 단방향 바인딩? 컴포넌트 내에서 '단방향 데이터 바인딩'은 Javascript(Model)에서 HTML(View)로 한 방향으로만 데이터를 동기화하는 것을 의미 단방향 데이터 바인딩이기에 역으로 HTML(View)에서 JS(Model)로의 직접적인 데이터 갱신은 불가능 컴포넌트 간에서 단방향 데이터 바인딩은 부모 컴포넌트에서..
MPA (Multi Page Application) vs SPA (Single Page Application) MPA : 여러 개의 페이지(.html)로 이루어진 application이다. 새로운 페이지를 요청할 때마다 정적 리소스(HTML, CSS, JavaScript)가 다운로드된다. 페이지를 이동하거나 새로고침하면 전체 페이지를 다시 렌더링한다. 이 때문에 blinking issue가 있어 UX가 좋지 않다. 페이지 별로 meta를 적용할 수 있어 SEO (Search Engine Optimization)에 좋다. SPA : 한 개의 페이지(.html)로 이루어진 application이다. 처음 페이지 요청 시, 모든 리소스(HTML, CSS, JavaScript)가 다운로드된다. 필요한 부분만 갱..