[ 프로젝트 BEP ] 최종장 - 엔지니어로서의 마인드셋에 대해 : 우수한 엔지니어는 누구이고, 가져야할 마인드 셋에 대해

이미지
  들어가면서 이제 2025년도 얼마 남지 않은듯 하다.  조금 길어질 수도 있기 때문에  실제로 업로드 하는 것은 새해 이후가 될 가능성도 있으나  올해는 이 글로 마무리 해보려고 한다. 이제 이 최종장을 끝으로 이 프로젝트를 다소 마무리 할 수 있을 것 같다. 물론 전체적으로 글 자체가 부족한 부분이 여려 곳 보이지만,  이는 천천히 개선하기로 하고 일단 마무리를 잘 지어보려고 한다. 이 프로젝트의 목표는 어디까지나 주니어 엔지니어(넓은 범위로서)에게  도움이 될 수 있는 부분을 정리해 놓은 것 이며, 이를 전달하는 것에 주력을 했다. 정확히는 그 사이에 몇 번이나 직장은 바뀌었지만,  내가 다니고 있는 회사에서 작게는 멘터,  크게는 주니어 교육에 활용하기 위한 초안이였다. 들어가기 앞서서 먼저 개발자는 무엇인가에서 부터 시작해서,  수학은 필요한가, 그리고 학위에 대한 이야기를 나누어보았고, 그 다음으로 컴퓨터가 무엇인가에 대해서는,  가장 첫 장인 컴퓨터 개론에서 메모리 손실과 함께 설명하였다. 다음으로는 개발 방법론과 시스템 설계,  그리고 프로그래밍 언어에 대한 이야기로 간단하고 이론적인 이야기를 하였다. 눈치가 빠른 사람은 알 수 있듯이,  현실에서 가질 수 있는 몇 가지 의문으로 시작해서  컴퓨터라는 하드웨어 부터 시작해서,  프로젝트(개발 방법론), 설계, 프로그래밍 언어 순으로  일부러 점점 컴퓨터 세계로 들어가도록 구성을 해 놓았다. 여기서 한 걸음 더 나아가자면, 알고리즘이 들어갈 수는 있겠으나  어디까지나 가볍게 전달하는대에 목적이 있기도 하고,  개인적으로는 당장은 크게 중요하지 않은 부분이 라고 생각 했기 때문이다. 먼저 이 부분에 대해서 좀 더 자세히 이야기해보도록 하자. 시작 부터 모든 지식을 쌓을 수는 없다 이는 개발 영역에서만 해당되는 이야기는 아니지만,  모든 것에는...

[ Django, Python ] 이쯤에서 분석해 보는 Django 튜토리얼 예제 (①~④) ① : MVC패턴과 MVT패턴, Model View Template 그리고 URL 매핑

개요


1~4정리라고 해봤자 
결국 1~34를 하기 위한 정말 튜토리얼이기 때문에
4번만 정리하도록 하겠다.

여기서 말하는 정리는 내용을 정리하겠다는 것이 아닌
내용 정리를 포함한 Model, View, Template의 코드 그리고 
그 코드의 파일과 실제 브라우저 화면을 연결시켜 이미지화 시킬 것 이다.

우선 Model, View, Template의 코드를 살펴보기 전에 
MVT(Model View Template)의 개념부터 다시 한번 살펴보자.

또한 튜토리얼에서 작성한 코드들은 아래의 링크에서 확인하길 바란다.

MVT(Model View Template)와
MVC(Model View Controller)


이전에 설명했었지만 다시 한번 언급하고 넘어가자.


먼저 MCV(Model Controller View)는 유저 인터페이스(UI)와 
[1]관심사 분리(Separation of Concerns, SoC)를 지원하는 
독립된 어플리케이션 로직으로 유명하며 현재 많이 사용되어지고 있다.

Controller는 애플리케이션에 대한 모든 요청을 수신한 후
모델(Model)과 함께 작업하여 View에 필요한 데이터를 준비 한다.

그 후에 ViewController가 준비한 데이터를 사용하여 
최종 응답(Response)을 생성해 사용자에게 보여준다.

MCV에서 모델(Model)은 애플리케이션의 데이터 관리한다.

View요청(Request)응답(Response)하고 
Controller의 명령에 응답하여 데이터를 갱신 한다.

View Controller의 명령에 의해 결정되는 
특정 형식의 데이터 표시 통해 사용자에게 웹페이지의 형태로 보여준다.

여기서의 특정 형식은 
JSP, SAP, PHP와 같은 스크립트 기반 템플릿 시스템이며
[2]AJAX과의 통합이 매우 쉽다.

Controller는 사용자의 입력에 응답(Response)하고 
데이터 모델 개체에 대한 상호 작용을 수행한다.

Controller는 입력을 수신해 입력 데이터의 유효성을 검사한 후
데이터 모델의 상태를 수정하는 등의 비즈니스 로직을 수행한다.


MVT(Model View Template)는 

Model(MVT) = Model(MVC), 
View(MVT) = Controller(MVC),
Template(MVT) = View(MVC)로서 

하는 역할 자체는 위와 같이 
비슷한 개념이지만 약간 다른 점이 있다.

Django에서는 ModelView간의 상호 작용을 제어하는 부분인 
Controller 부분을 Django관리하여 템플릿을 남겨둔다는 것이다.

여기서 템플릿은 태그와 비슷한 
DTL(Django Template Language)와 혼합된 HTML
작성되어 있는 HTML 파일을 말한다.

, MVT 패턴에서 View는 
MCV패턴의 Controller와 비슷한 개념이지만,

MVT패턴의 DjangoDjango에서 
Controller로서의 역할
MVC패턴에서 ModelView간의 상호 작용을 
Django에서 관리한다는 뜻 이다.

따라서 개발자는 ModelView간의 상호작용을 
신경 쓰지 않아도 되며단지 Model, View, Template을 
프로그래밍 해 URL 매핑을 한 후 Django에게 전달해주기만 하면 된다

자세한 내용은 이전 포스팅 했던 아래의 글을 참고하기 바란다.
https://nitro04.blogspot.com/2020/01/django-mvc-mvt.html

Model, View, Template 그리고 
URL매핑


지금 까지 프로그래밍 했던 것을 기준으로 
Model, View, Template 그리고 URL 매핑을 살펴보자.


먼저 우리는 아래와 같이 2가지 앱을 가지고 있다


설문조사 투표 App(애플리케이션) polls
프로젝트 생성시 자동으로 생성되는 
App(애플리케이션) start_django을 가지고 있다.


그리고 해당 앱은 위의 사진과 같이 
python 또는 Html 파일로 되어 있는 문서들이 존재한다.

개발자로서 대부분 다루게 될 부분은 빨간색 박스와 같다.

하나 씩 살펴보자.

Model, View, Template 그리고
URL 매핑 : Template


투표 App(애플리케이션) polls는 
detail.html, index.html, results.htmlTemplate를 가지고 있다.


그 중 detail.html을 살펴보자.


TemplateMCV에서 View와 비슷한 역할로
실제 브라우저에 표시되는 화면으로 
프레젠테이션 로직인 View상호 작용한 데이터를 표시한다.

실제 코드는 위의 사진의 빨간색 박스DTL(Django Template Language)
예전부터 사용해 왔던 녹색 박스HTML 태그로 구성되어져 있다.

Model, View, Template 그리고
URL 매핑 : View




ViewMVC패턴에서의 Controller와 비슷한 역할로
빨간색 박스와 같이 ModelTemplate간의 다리 역할
녹색 박스와 같이 비즈니스 로직을 처리 한다.


Model, View, Template 그리고
URL 매핑 : Model



ModelMVC패턴에서의 Model과 같으며
데이터 간의 상호 작용(인터페이스)을 담당한다.

녹색 박스와 같은 데이터 처리 및 유효성 검사와 
관련된 모든 항목이 이 Model에 포함 된다.

Django마이그레이션 기능을 활용하면 
Model들은 Model들의 이름이 테이블 명
그리고 Model들의 지역 변수들이 
컬럼명이 되는 테이블을 자동으로 생성 할 수 있다.

Model, View, Template 그리고
URL 매핑 : URL 매핑


먼저 메인 Appstart_django와 투표 App인 polls매핑
그리고 투표 Apppolls에서 정의한 View들의 매핑으로
URL 매핑2가지가 존재 한다.

먼저 아래의 사진과 같이 메인 App과 
App을 먼저 URL 매핑 해주어야 한다.


지금은 polls라는 App이 하나밖에 존재하지 않기 때문에 
URL매핑은 2개 밖에 없지만,
App들을 추가 할 때마다 추가 해주어야 한다.

위의 사진의 경우 include() 함수를 통해 URL을 매핑하였다.


그리고 위의 화면과 같이 
polls 앱 내부의 View들의 URL을 매핑 해준다.

위의 사진의 경우는 제너릭 뷰(Generic View)를 사용해 URL을 매핑하였다.

이렇게 해서 개발자가 프로그래밍 해줘야하는 부분은 끝이 났다.

이 것을 기준으로 새로운 App을 만들거나 
투표 Apppolls를 수정하는 것은 개발자의 몫이다.

다음에는 좀 더 정확한 이해를 위해 
각 코드와 실제 브라우저에 표시되는 화면을 연결 시켜 보려고 한다.



[1] 관심사 분리(separation of concerns, SoC) :

컴퓨터 프로그램을 구별된 부분으로 분리시키는 디자인의 원칙을 말하며,
여기서 관심사란, 컴퓨터 프로그램 코드에 영향을 미치는 정보의 집합을 말한다.

관심사 분리(SoC)는 정보를 잘 정의된 
인터페이스가 있는 코드 부분 안에 캡슐화(encapsulation) 시킴으로써 달성 한다.

이 관심사가 잘 분리 되었을 때 
독립적인 개발과 유지보수 이외에도
모듈의 재사용성을 향상 시킬 수 있다.

[2]AJAX(Asynchironous Javascript And XML) :

비동기적인 웹 애플리케이션의 제작을 위해 JavaScriptXML을 이용한 개발 기법
 



참고

What is the difference between an MVC and an MVT framework :





이 블로그의 인기 게시물

[ Web ] 웹 애플리케이션 아키텍처 (Web Application Architecture)

[ Web ] 서버 사이드(Sever Side) ? 클라이언트 사이드(Client Side)? 1 [서론, 클라이언트 사이드(Client Side)]

[ Web ] 웹 애플리케이션 서버 아키텍처의 정의 및 유형 ( Define and Types of Web Application Server Architecture )