[WEB] 웹 프레임워크의 역사

1. CGI (Common Gateway Interface):
   • 초기 웹 개발에서는 정적인 HTML 페이지만을 사용
   • CGI는 서버 측에서 동적인 콘텐츠를 생성하는 데 사용됨
   • 사용자의 요청에 따라 서버에서 외부 프로그램을 실행하여 동적인 결과를 생성하고 반환하는 방식
2. ASP (Active Server Pages):
   • Microsoft에서 개발한 ASP는 서버 측 스크립트 언어를 사용하여 동적인 웹 페이지를 생성 가능함
   • 초기에는 VBScript를 사용했으며, 이후에는 JScript, JavaScript와 같은 스크립트 언어를 지원함
3. JSP (JavaServer Pages):
   • Java 언어를 기반으로 하는 동적인 웹 페이지를 생성하기 위한 서버 측 기술
   • Java 코드를 HTML 문서 안에 삽입하여 웹 애플리케이션을 개발할 수 있음
4. Ruby on Rails:
   • 2004년에 데이비드 헤이네마이어가 개발한 Ruby 언어를 기반으로 하는 웹 프레임워크
   • [1]MVC 아키텍처를 기반으로 한 간편한 개발 방식을 제공
   • "컨벤션을 따르면 설정은 필요 없다"
5. Django:
   • 2005년에 개발된 Python 언어를 기반으로 하는 웹 프레임워크
   • 신속하고 생산적인 웹 애플리케이션 개발을 지원
   • [2]MTV(Model-Template-View) 아키텍처, 강력한 [3]ORM(Object-Relational Mapping), 자동화된 관리자 인터페이스 등이 특징
6. Express.js:
   • 2010년에 발표된 Node.js를 기반으로 하는 경량 웹 프레임워크
   • 빠른 개발과 유연한 미들웨어 지원을 목표
   • Express.js는 Node.js 생태계에서 가장 인기 있는 웹 프레임워크 중 하나
7. Flask:
   • 2010년에 Armin Ronacher가 개발한 Python 언어를 기반으로 하는 [4]마이크로 웹 프레임워크
   • 간결하면서도 확장 가능한 구조를 갖추고 있음
   • Jinja2 템플릿 엔진과 Werkzeug 웹 서버를 사용
8. Angular, React, Vue.js:
   • 2010년대에는 클라이언트 측에서 동적인 웹 페이지를 빌드하는데 중점이 맞춰진 프론트엔드 프레임워크 및 라이브러리가 등장
   • Angular(2010), React(2013), Vue.js(2014)는 모두 재사용 가능한 컴포넌트를 통한 [5]선언적 UI와 함께 [6]단일 페이지 애플리케이션(SPA)을 구축하는 데 중점을 둠

 

[1] MVC(모델-뷰-컨트롤러) 아키텍처

소프트웨어 디자인 및 개발 패턴으로, 소프트웨어를 세 가지 주요 구성 요소로 분리하여 유지보수성과 확장성을 향상시키는 목적으로 사용함.

1. 모델 (Model):
   • 애플리케이션의 데이터와 비즈니스 로직을 관리
   • 데이터의 상태를 유지하고 조작하는 역할을 담당
   • 데이터의 변경 및 업데이트를 처리
   • 애플리케이션의 핵심 비즈니스 로직을 구현하고 데이터베이스와의 상호 작용을 처리
2. 뷰 (View):
   • 사용자에게 데이터를 시각적으로 표현하고 사용자 인터페이스를 제공
   • 사용자가 볼 수 있는 부분으로, 모델의 데이터를 표현하는 역할
   • 뷰는 사용자 입력을 처리하지 않으며, 모델의 상태를 직접 변경하지 않음
3. 컨트롤러 (Controller):
   • 사용자 입력을 받고, 그에 따라 모델의 상태를 변경하거나 업데이트하는 역할
   • 뷰에서 발생한 사용자 입력(이벤트)을 처리하고, 해당 입력에 따라 모델을 업데이트하거나 새로운 뷰를 렌더링
   • 모델과 뷰 간의 통신을 조정하며, 뷰나 모델의 변경사항을 감지하여 적절한 처리를 수행

MVC 아키텍처는 각 구성 요소가 독립적으로 변경될 수 있어, 한 부분의 수정이 다른 부분에 영향을 덜 주도록 설계되어 있음. 이 아키텍처는 다양한 소프트웨어 개발 환경에서 사용되며, 대표적으로 웹 개발 프레임워크에서도 많이 채택되고 있음.

 

[2] MTV(Model-Template-View) 아키텍처

Django 웹 프레임워크에서 사용되는 소프트웨어 아키텍처 패턴으로, MVC(Model-View-Controller) 패턴을 변형한 것. Django는 MTV 패턴을 사용하여 애플리케이션을 구조화함

 

1. 모델 (Model):
   • MTV에서의 모델은 데이터를 정의하고 데이터베이스와 상호 작용
   • 데이터의 구조를 정의하고 데이터베이스에 저장된 데이터를 조작하는데 사용
   • Django에서는 ORM(Object-Relational Mapping)을 통해 모델을 정의하고, 이를 기반으로 데이터베이스 테이블을 생성하고 조작
2. 템플릿 (Template):
   • 템플릿은 사용자에게 보여지는 부분을 정의하고 표현하는 역할
   • HTML과 Django 템플릿 언어를 사용하여 동적으로 생성되는 콘텐츠를 구성하고 렌더링
   • 템플릿은 모델에서 가져온 데이터를 적절히 포맷하여 사용자에게 전달
3. 뷰 (View):
   • 모델로부터 데이터를 가져와 템플릿에 전달하고, 사용자의 요청을 처리하는 역할
   • 뷰는 웹 애플리케이션의 비즈니스 로직을 정의하고, 모델과 템플릿 간의 상호 작용을 조정
   • Django에서 뷰는 함수 또는 클래스로 작성되며, URL 패턴과 연결되어 특정 URL 요청에 대한 응답을 처리

MTV에서는 컨트롤러의 역할이 뷰에 의해 수행되고, 템플릿이 뷰의 일부 역할을 수행함. Django의 MTV 패턴은 웹 애플리케이션을 구성하고 확장하기 쉽도록 설계되었으며, Django 프로젝트의 핵심 구성 요소 중 하나임

 

[3] ORM(Object-Relational Mapping)

객체와 관계형 데이터베이스 간의 데이터 매핑을 자동으로 처리하는 프로그래밍 기술이다. 관계형 데이터베이스 시스템에서는 테이블, 로우, 컬럼과 같은 데이터베이스의 구조를 사용하며, 객체 지향 프로그래밍에서는 클래스, 객체, 속성 등을 사용한다. ORM은 이러한 두 체계 간의 불일치를 해결하기 위해 사용된다.

1. 객체 정의:
   • ORM을 사용하는 언어에서는 개발자가 데이터베이스 테이블에 해당하는 클래스를 정의
   • 각 클래스의 속성은 데이터베이스의 컬럼과 매핑
2. 매핑 설정:
   • ORM 프레임워크에서는 객체와 데이터베이스 테이블 간의 매핑을 설정
   • 이를 통해 어떤 클래스가 어떤 테이블과 어떤 속성이 어떤 컬럼과 매핑되는지를 지정
3. 쿼리 생성 및 실행:
   • ORM은 개발자가 SQL을 직접 작성하는 대신 객체를 조작하는 방식으로 데이터베이스 쿼리를 생성
   • ORM은 이러한 쿼리를 데이터베이스에 전달하고 결과를 반환
4. 객체 조작:
   • 개발자는 ORM을 통해 데이터베이스를 조작하는 대신 객체를 조작
   • 객체를 생성하고 수정한 후, ORM은 해당 변경 사항을 데이터베이스에 반영

장점:

1. 간편한 사용:
   • SQL 쿼리를 직접 작성하는 대신 객체를 사용하여 데이터베이스와 상호 작용할 수 있음
2. 객체 지향 프로그래밍과의 통합:
   • ORM은 객체 지향 언어의 개념과 데이터베이스의 테이블 간의 매핑을 제공하여 두 환경을 통합함
3. 데이터베이스 독립성:
   • ORM을 사용하면 데이터베이스 종류에 관계없이 동일한 코드로 작업할 수 있음
4. 코드의 가독성 및 유지보수성 향상:
   • SQL 쿼리 대신 객체를 사용하므로 코드가 더 가독성 있고 유지보수하기 쉬워짐

대표적인 ORM 프레임워크로는 Java의 Hibernate, Python의 Django ORM, Ruby의 ActiveRecord, .NET의 Entity Framework 등이 있음

 

[4]마이크로 웹 프레임워크

마이크로 웹 프레임워크는 경량이면서 간단한 구조를 가진 웹 프레임워크를 말한다. 이러한 프레임워크는 주로 작은 규모의 웹 애플리케이션 또는 웹 서비스를 빠르게 개발하고 유지보수하는 데 중점을 둔다. 마이크로 웹 프레임워크는 전체 스택이나 기능이 큰 웹 프레임워크에 비해 작고 가벼워서, 개발자가 필요한 기능을 선택적으로 사용할 수 있다.