IT 기초/Application

[Application] Web Application Framework

데이터 세상 2021. 12. 29. 20:04
728x90
반응형

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)

 

flask.palletsprojects.com

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

 

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

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

설치

pip install Flask

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

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

 

Django

[Django 공식 사이트]

 

The web framework for perfectionists with deadlines | Django

Django Django makes it easier to build better web apps more quickly and with less code. Get started with Django

www.djangoproject.com

[Django 공식 문서]

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

 

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

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

 

Spring

[Cloud/Application] - Spring

 

Spring

Spring [Spring 공식 사이트] Spring Framework spring.io 참고 사이트: https://gmlwjd9405.github.io/2018/10/26/spring-framework.html 자바 엔터프라이즈 개발을 편하게 해주는 경량급 오픈소스 애플..

yumdata.tistory.com

 

Express

[Express 공식 사이트]

 

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

Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save

expressjs.com

참고 사이트: 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

Vue.js - The Progressive JavaScript Framework

vuejs.org

참고 사이트: 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의 단방향 데이터 흐름의 장점을 모두 결합한 프레임워크

양방향 데이터 바인딩

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

단반양 데이터 바인딩

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

'IT 기초 > Application' 카테고리의 다른 글

[Application] Node.js  (0) 2021.12.31
[Application] Spring  (0) 2021.12.31
[Application] React  (0) 2021.12.31
CI/CD  (0) 2021.12.27
3 Tier  (0) 2021.12.27