FrontEnd Frameworks

---

🧱 FrontEnd Frameworks란?

정의

FrontEnd Frameworks는 프론트엔드 애플리케이션을 구조화하고 화면, 상태, 라우팅, 렌더링을 쉽게 다루도록 도와주는 도구다.

단순히 화면만 그리는 라이브러리와는 다르게, 프로젝트 전체 구조를 잡는 데 도움을 주는 경우가 많다.

🧭 왜 사용하는가?

• UI를 일관되게 만들기 쉽다.
• 상태 관리와 화면 갱신을 체계적으로 다룰 수 있다.
• 규모가 커져도 유지보수하기 좋다.
• CSR과 SSR 같은 렌더링 전략을 함께 다루기 좋다.

🧩 대표적인 예

• React
• Vue
• Next.js
• Nuxt.js
• Quasar

⚙️ 프레임워크에서 자주 같이 고려하는 요소

• 컴포넌트 구조
• 라우팅
• 상태 관리
• 빌드 도구
• 렌더링 방식

🔍 렌더링과의 관계

프론트엔드 프레임워크는 단순한 UI 구성뿐 아니라 CSR, SSR, 하이브리드 렌더링 같은 방식을 구현하는 기반이 되기도 한다.

• CSR은 브라우저 중심 렌더링과 잘 맞는다.
• SSR은 초기 화면과 SEO를 고려할 때 자주 사용한다.

🛠️ 함께 자주 보는 도구

• Vite
• Netlify
• Ajax

이 도구들은 프레임워크 자체는 아니지만, 프론트엔드 개발 경험을 크게 좌우한다.

📌 정리

• FrontEnd Frameworks는 프론트엔드 앱의 구조를 잡는 기반이다.
• UI, 상태, 라우팅, 렌더링을 함께 생각해야 한다.
• 프로젝트 규모가 커질수록 프레임워크의 역할이 더 중요해진다.

---

연결문서

• CSR
• SSR
• DOM
• Ajax
• vite
• Netlify