[Application] Web Application Framework

Web Application Framework

https://www.geeksforgeeks.org/top-10-frameworks-for-web-applications/

• 동적인 웹 페이지나, 웹 애플리케이션, 웹 서비스 개발 보조용으로 만들어지는 애플리케이션 프레임워크의 일종
• 통상 데이터베이스 연동, 템플릿 형태의 표준, 세션 관리, 코드 재사용 등의 기능을 포함
  
• 프레임워크 아키텍처의 종류
• 모델-뷰-컨트롤러(MVC): 사용자 인터페이스로부터 비즈니스 규칙과 데이터 모델을 분리
• 3-tier 구조: 애플리케이션을 3개의 물리적인 층으로 구성. 클라이언트, 애플리케이션, 데이터베이스

 

ASP.NET

마이크로소프트사가 개발하여 판매하는 웹 애플리케이션 프레임워크

 

Flask

[Flask 공식 문서]

Welcome to Flask — Flask Documentation (2.0.x)

참고 사이트: https://hleecaster.com/flask-introduction/

 

파이썬 마이크로 웹 프레임워크

• 최소한의 구성 요소와 요구사항을 제공하기 때문에 시작하기 쉽고 필요에 따라 유연하게 사용 가능

설치

pip install Flask

Route (URL에 웹페이지 연결하기)

• URL을 방문할 때 준비된 함수가 트리거되도록 바인딩 하기 위해 route() 데코레이션을 사용

 

Django

[Django 공식 사이트]

The web framework for perfectionists with deadlines | Django

[Django 공식 문서]

참고 사이트: https://developer.mozilla.org/ko/docs/Learn/Server-side/Django/Introduction

 

보안이 우수하고 유지보수가 편리한 웹사이트를 신속하게 개발하는 하도록 도움을 주는 파이썬 웹 프레임워크

• Complete(완결성 있는)
• Versatile(다용도의)
• Secure(안전한)
• Scalabel(확장성 있는)
• Maintainable(유지보수가 쉬운)
• Portable(포터블한)

 

Spring

[Cloud/Application] - Spring

Spring

 

Express

[Express 공식 사이트]

Express - Node.js 웹 애플리케이션 프레임워크

참고 사이트: https://velog.io/@madpotato1713/JAVASCRIPT-express%EB%9E%80

Express.js 또는 Express는 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크

Node.js를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체라고 볼 수 있다.

 

AngularJS

자바스크립트 기반의 프레임워크

• 작성해야 하는 자바스크립트의 코드량을 줄여준다.
• 앵귤러 JS의 데이터 모델은 단순 자바스크립트 객체이다.
• 재사용이 쉬운 정적인 UI컴포넌트를 만들 수 있다.
• HTML, CSS개발자와 자바스크립트 개발자를 명확하게 분리해 준다.

 

Vue.js

[Vue 공식 사이트]

Vue.js

참고 사이트: https://mkil.tistory.com/435

UI를 빠르게 개발하기 위해서 만들어진 자바스크립트 프레임워크

MVVM(Model-View-ViewModel) 패턴을 따르며, 어플리케이션 로직과 UI 분리를 위해 설계됨

 

* 자바스크립트 프레임워크 트렌드 실시간 보기: https://bestofjs.org/ 

Vue.js 장점

다른 프레임워크와는 달리 유연하고 가벼움

Angular.js와는 달리 전체 아키텍처를 새롭게 구성할 필요가 없고 기존의 웹 어플리케이션의 일부 UI만 적용하는 것도 가능

SPA(Single Page Application: 단일 페이지 어플리케이션) 구성을 위해 필요한 라우터 기능도 지원

React.js와 마찬가지로 가상 DOM을 지원하여 빠른 UI 렌더링이 가능

 

Vue.js와 다른 프레임워크의 차이점

https://kr.vuejs.org/v2/guide/comparison.html 

 

React와 Angular의 장점을 가진 프레임워크가 Vue

Vue는 Angular의 양방향 데이터 바인딩과, React의 단방향 데이터 흐름의 장점을 모두 결합한 프레임워크

양방향 데이터 바인딩

• 화면에 표시되는 값과 프레임워크의 모델 데이터 값이 동기화 되어 한쪽이 변경되면 다른 한쪽도 자동으로 변경되는 것

단반양 데이터 바인딩

• 컴포넌트 단반향 통신을 의미하는데 컴포넌트 간 데이터를 전달할 때 항상 상위 컴포넌트에서 하위 컴포넌트 방향으로 전달하게끔 구조화 되어 있는 것을 의미