[Basic] Frontend의 이해 - Pick a Framework

1. React.js

• Facebook에서 개발한 사용자 인터페이스(UI) 라이브러리
• 가상 DOM(Virtual DOM)을 사용하여 효율적으로 UI 업데이트
• 컴포넌트 기반 아키텍처를 채택
• 재사용 가능한 UI 요소를 작성하기 위한 JSX 문법 제공
• 높은 생산성과 성능, 그리고 확장성을 제공하며, 커뮤니티와 생태계가 크고 활발함

2. Anguler.js

• Google에서 개발한 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크
•  MVVM(Model-View-ViewModel) 패턴 기반
• 양방향 데이터 바인딩, 의존성 주입, 컴포넌트 기반 아키텍처 등 다양한 기능 제공
• 템플릿 시스템과 다양한 도구를 제공하여 대규모 애플리케이션 개발을 지원

3. Vue.js

• 가볍고 유연한 설계
• 가상 DOM(Virtual DOM)을 사용하여 성능을 최적화
• 컴포넌트 기반 아키텍처와 단방향 데이터 흐름을 채택
• 템플릿 문법과 JavaScript를 결합한 JSX 문법을 제공

4. Svelte

• 컴파일 시간에 동작하는 UI 프레임워크
• 런타임에 가상 DOM을 사용하는 대신, 컴파일러를 통해 최적화된 JavaScript 코드를 생성하여 성능 향상
• 가볍고 성능이 우수하며, 반응형 및 동적인 UI 요소를 쉽게 작성할 수 있도록 도와줌

5. Solid JS

• 선언적이고 효율적인 UI를 구축하기 위한 JavaScript 라이브러리
• 가상 DOM 대신 진정한 리액티브 업데이트를 사용하여 성능을 향상
• 컴포넌트 기반 아키텍처와 JSX 문법을 활용하여 재사용 가능한 UI 요소를 구성

6. Ember.js

• 웹 애플리케이션 개발을 위한 프레임워크로, 고도로 정형화된 개발 방식 채택
• 컨벤션 오버 설정을 강조하여 개발자가 프로젝트 구조를 쉽게 설정하고 유지할 수 있도록 도움
•  양방향 데이터 바인딩, 자동화된 DOM 업데이트, 라우팅 등 다양한 기능 제공
• 대규모 애플리케이션 개발에 적합