📖 Javascript 프레임워크/라이브러리 알아보기

React

React의 특징

• React는 Facebook에서 개발한 UI 라이브러리입니다. 주로 단일 페이지 애플리케이션(SPA)을 만들 때 사용됩니다.
• 컴포넌트 기반: UI는 독립적인 컴포넌트들로 나누어 관리됩니다.
• 가상 DOM: React는 실제 DOM을 변경하기 전에 가상 DOM을 통해 변경 사항을 비교하고 최적화하여 성능을 향상시킵니다.
• Declarative: 사용자 인터페이스(UI)의 상태를 선언적으로 작성하며, React가 그에 맞게 UI를 자동으로 갱신합니다.
• 리액티브 데이터 바인딩: 상태(state)의 변경에 따라 UI가 자동으로 업데이트됩니다.

장점

• 컴포넌트 재사용성
• 빠른 렌더링
• 풍부한 에코시스템
• 커뮤니티

단점

• 배우기 어려운 점
• SEO 지원 어려움
• 보일러플레이트 코드

---

Vue

Vue의 특징

• Vue.js는 진보적인 자바스크립트 프레임워크로, 단일 페이지 애플리케이션(SPA)과 컴포넌트 기반 애플리케이션을 구축하는 데 사용됩니다.
• 반응성 시스템: Vue는 데이터를 선언적으로 바인딩하며, 데이터가 변하면 UI가 자동으로 갱신됩니다.
• 템플릿 문법: Vue는 HTML 기반의 템플릿을 사용하여 UI를 선언합니다. 이로 인해 직관적이고 빠르게 배우기 좋습니다.
• 단순성과 유연성: Vue는 복잡한 설정 없이도 빠르게 시작할 수 있으며, 점진적으로 기능을 확장할 수 있습니다.

장점

• 학습 곡선이 완만함
• 단방향 데이터 흐름
• Vue CLI
• 커스터마이징 가능

단점

• 생태계가 적다
• 구성 요소 부족
• 상위 수준의 앱에 어려움

---

Next.js

Next.js란 무엇인가요?

• Next.js는 React의 프레임워크로, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 동적 라우팅, API 라우팅 등을 지원하는 React 기반의 프레임워크입니다.

왜 React와 함께 사용하나요?

• Next.js는 React의 기능을 확장하여 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 제공하며 SEO 최적화와 성능 향상을 지원합니다.

Next.js를 사용했을 때 어떤 장점이 있나요?

• 서버 사이드 렌더링(SSR)
• 정적 사이트 생성(SSG)
• 파일 기반 라우팅
• API 라우팅
• 자동 코드 분할
• 개발자 친화적인 기능