정적 웹, 동적 웹, MVC 웹 프레임워크

MVC 웹 프레임워크가 뭔가요?

MVC에 대해 너무 이해하지 못하고 있는 것 같아서, 쉽게 설명해주는 영상을 보고 정리했다.

..를 보려 했는데 이 영상을 위해 정적 웹은 뭐고 동적 웹은 뭔가요?를 봐야 한다고 해서 함께 간단히 정리해 보았다.

정적 웹 static web, 동적 웹 dynamic web

• 정적 웹 static web

  • 언제 접속해도 같은 리소스를 보내 주는 웹 사이트.

  • 편의점 : ''준비된 음식''을 바로 먹거나 내가 간단히 조리해 먹음 -> 정적 웹

  • 서버는 html, css, js 코드 및 이미지&동영상을 준비된 그대로 클라이언트에 보내 준다.

  • 마치 진열대에 준비된 상품 그대로 사가는 것과 같음.

  • ❓ 들어갈 때 마다 같은 화면인 것 = 정적 웹인가?

    ❗ 꼭 그렇진 않다. 기준은 ''서버로부터 받는 html, css, js 코드 및 이미지&동영상이 같은지''이다.

  • 정적 웹의 예시 : 학교 / 회사의 소개 페이지

• 동적 웹 dynamic web

  • 식당 : ''주문했을 때'' 음식이 조리되어 나옴 -> 동적 웹

  • 요청 시, 서버가 html, css, js코드를 그 때 그 때 변환시켜 클라이언트에 보내 준다.

  • 끊임없이 새로운 정보가 올라오는 SNS, 게시판 등이 동적 웹에 속함.

    새로운 정보가 올라올 때마다 새로 코딩할 순 없으므로 동적 웹으로 만들어야 한다.

    접속할 때 마다/실시간으로 최신 정보를 보여준다는 특징이 있다

  • php 및 각종 프레임워크들이 동적 웹을 개발하는 언어이다.

• 동적 웹이 반드시 정적 웹보다 좋은가?

  • 꼭 그렇진 않다.
  • 예를 들어 블로그의 경우 매번 같은 글을 보여주는데 굳이 동적으로 만드는 게 낭비일 수도 있다. 그래서 최근의 경우 정적 블로그 생성 툴 (jekyll 등)도 많이 사용된다.
  • ~github.io 블로그들.

MVC 웹 프레임워크

단순한 웹 사이트의 경우 php로 간단히 코딩할 수 있지만, 네이버처럼 복잡하고 다양해지면 그러기 어려워진다.

코드가 복잡해질수록 특정 기준으로 분리하고, 모듈화해서 접근해야 한다.

MVC 접근법 : (웹사이트를 포함한)소프트웨어를 설계하는 접근법의 하나.

• View : 눈에 보이는 것.
  • 웹의 경우 HTML, CSS를 말한다
• Controller : 제어하는 것.
  • 프로그래밍은 이 부분에서 가장 많이 이루어진다 (코드로 제어해야 하므로)
• Model : 상태를 저장하는 것 (?)
  • 그냥 ''데이터''에 관련된 부분이라고 생각하면 된다.
  • DB로부터 데이터를 저장하고, 불러오고, 형식을 지정하는 등의 코드가 Model파트에서 이루어진다.

즉,

• 모델은 DB와 연결되어 데이터를 다루는 파트이다
• 뷰는 데이터를 사용자가 볼 수 있도록 시각화하는 파트이다
• 컨트롤러는 모델과 뷰를 연결하는 파트이다. 모델의 데이터를 뷰에 연결하고, 사용자가 GUI를 통해 데이터 CRUD를 할 수 있도록 한다.

동적 웹 = 식당 비유를 응용하자면,

• 모델 : 식료품 창고를 관리하고, 음식을 요리하는 주방장
• 뷰 : 주방장이 요리한 음식을 플레이팅하는 직원
• 컨트롤러 : 주문도 받고, 서빙도 하는 매니저

MVC 웹 프레임워크

MVC는 일단 이 구조를 만들고 나면 관리가 쉽지만, 구조를 만드는 데에 시간이 걸린다.

-> 전문가들이 MVC의 요소를 미리 설계해 둔 것을 사용할 수 있다. 이것이 MVC 웹 프레임워크!

웹 프로그래밍 언어들마다 다양한 MVC 웹 프레임워크가 존재한다.

(자바-스프링, PHP-라라벨, 파이썬-장고, 루비-루비 온 레일, Scala-Play, C#-dotnet ... )

+ 프레임워크와 라이브러리의 차이?

둘 다 '남이 미리 짜 놓은 코드'라는 공통점이 있다.

라이브러리 Library

: "가져다 쓰는 것". 각각 개별적인 기능들 (문짝, 욕조.. 등 부속품들)에 해당함.

프레임워크 Framework

: "기본 틀로 삼고 내가 원하는 대로 덧붙여 만드는 것". 개별적 기능이 연결되어 기초적 제품 골격(집)을 갖춘 상태.

+ 라우팅 Routing이란?

어떤 주소로 접속했을 때 어떤 페이지를 보여줄지 미리 정해두는 것.