프레임워크의 철학

React, Vue, Angular, Svelte, 같은 문제를 다른 철학으로 푸는 네 가지 방법을 비교합니다

1. 01

   왜 프레임워크가 필요했는가

   jQuery의 한계에서 선언적 UI의 등장까지, React, Vue, Angular, Svelte가 같은 시대에 다른 답을 내놓은 이유

2. 02

   반응성, 변경을 어떻게 감지하는가

   같은 count++가 React, Vue, Angular, Svelte에서 각각 어떻게 UI를 업데이트하는지, 반응성의 내부 메커니즘을 비교합니다

3. 03

   컴포넌트 모델, UI를 어떻게 나누는가

   함수, 클래스, SFC, .svelte 파일, 각 프레임워크가 컴포넌트를 정의하고 통신하는 방법을 비교합니다

4. 04

   렌더링 전략, DOM을 어떻게 다루는가

   Virtual DOM은 왜 등장했고 Svelte는 왜 버렸는가, 각 프레임워크의 렌더링 전략을 비교합니다

5. 05

   상태 관리, 데이터를 어떻게 공유하는가

   prop drilling에서 전역 스토어까지, 각 프레임워크의 상태 관리 철학과 진화를 비교합니다

6. 06

   템플릿 vs JSX, 뷰를 어떻게 기술하는가

   HTML을 확장할 것인가, JavaScript를 확장할 것인가, 4가지 템플릿 문법의 철학과 트레이드오프

7. 07

   빌드와 런타임, 언제 일을 하는가

   컴파일 타임과 런타임 사이의 스펙트럼, 각 프레임워크가 어디에 비중을 두는지 비교합니다

8. 08

   프레임워크를 넘어서

   Signals, Server Components, 컴파일러, 프레임워크들이 수렴하고 있는 지점과 공통의 핵심을 정리합니다