- 라이브러리와 프레임워크의 차이
- 리액트는 왜 라이브러리이고, 뷰는 왜 프레임워크인가?
- ssr과 csr의 차이
1. 라이브러리와 프레임워크의 차이
라이브러리
소프트웨어 개발 시 사용되는 프로그램의 구성요소로, 공통으로 사용될 수 있는 특정한 기능을 모듈화 한 것이다. 동작하는 완전한 프로그램이 아닌, 특정한 부분 기능만을 수행하도록 제작된 프로그램이다.
- 반복적인 내용을 줄이기 위해, 재사용이 가능한 class 또는 function
- 라이브러리 자체로는 프로그램이 동작하지 않는다
프레임워크
소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 일련의 협업화된 형태로 클래스를 제공하는 것
- 모듈화하는 단위를 코드가 아닌, 보다 큰 그룹 단위로 묶음
- 재사용 가능한 수 많은 class와 라이브러리들을 융합하여 제공
- 프레임워크 자체로도 프로그램이 작동한다
차이
제어 흐름을 누가 주도하고 있는가?
프레임워크는 전체적인 흐름을 스스로 제어하고 있으며, 사용자가 그 안에 코드를 작성한다.
라이브러리는 사용자가 전체적인 흐름을 만들며, 그 안으로 라이브러리를 가져다 사용한다.
토비의 스프링 3.1 1권 92쪽에서는 다음과 같이 설명하고 있다.
라이브러리를 사용하는 애플리케이션 코드는 애플리케이션 흐름을 직접 제어합니다.
단지 동작하는 중에 필요한 기능이 있을 때 능동적으로 라이브러리를 사용할 뿐입니다.
반면에 프레임워크는 거꾸로 애플리케이션 코드가 프레임워크에 의해 사용되는 것입니다.
보통 프레임워크 위에 개발한 클래스를 등록해두고, 프레임워크가 흐름을 주도하는 중에 개발자가 만든 애플리케이션 코드를 사용하도록 만드는 방식입니다.
프레임워크에는 분명한 제어의 역전 개념이 적용되어 있어야 합니다.
애플리케이션 코드는 프레임워크가 짜놓은 틀에서 수동적으로 동작해야 합니다.
2. 리액트는 왜 라이브러리? / 뷰는 왜 프레임워크?
리액트 자체는 MVC 패턴 중 V인 View를 담당한다.
오직 View만을 담당하며 DOM을 복사해 Virtual DOM을 만들고
변화가 생겼을 때 페이지 전체를 렌더링하지 않고, 변화시킬 부분만 실제 DOM에 적용하는 방식으로 렌더링한다.
리액트로 개발을 진행하려면 react 만 설치한다고 프로그램을 만들지 못한다.
또한 다른 라이브러리들을 다 설치했다 하여도
어떻게 개발을 진행할지, 어떤식으로 코드를 설계하면서 작성할지에 대한 가이드가 전혀 없다.
오로지 사용자가 직접 선택해서 작성해야 한다.
뷰는 view 만이 아닌 데이터 또한 관리하기 때문에 MVVM 모델의 VM인 ViewModel을 담당하고 있다.
그리고 뷰로 개발을 진행하려면 vue를 설치한 뒤, 제공되는 양식에 맞춰 개발을 진행해야 하므로
뷰 자체에서 흐름을 직접 제어하고 있다고 본다.
이 이상으로는 뷰를 공부한 적이 없어, 왜 프레임워크인지 설명을 못하겠다...
3. ssr과 csr의 차이
ssr : Server Side Rendering
csr : Client Side Rendering
ssr이란?
사용자가 웹 페이지에 접속했을 때 서버가 사용자에게 랜더링될 HTML을 응답하여 브라우저가 바로 랜더링할 수 있게한다. 그 후 CSR과 동일하게 자바스크립트 파일을 다운로드 받고 실행한다.
csr이란?
서버에서 javascript를 load하는 정보를 담은 HTML을 내려주고 실제 랜더링은 javascript를 통해 client에서 랜더링한다.
번외. Universal Rendering
JSON 또는 HTMl 형태의 데이터를 서버로부터 받아서 javascript로 화면을 렌더링한다고 한다.
https://evan-moon.github.io/2018/09/25/universal-ssr/
https://www.slideshare.net/taggon/universal-rendering
