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

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

[ Django, Python ] mozilla 튜토리얼 예제로 살펴보는 Django 분석 ⑤ - 2 : Book Detail View


Book Detail View


URL catalog/book/<id>(<id> : book의 primary key)에 접근해서 
Book의 특정 정보를 보여주는 상세 페이지를 추가할 것이다.

① URL Mapping


/catalog/urls.py 파일을 열어 아래와 같이 수정하자.


urlpatterns = [
    path('', views.index, name='index'),
    path('books/', views.BookListView.as_view(), name='books'),
    path('book/<uuid:pk>', views.BookDetailView.as_view(), name='book-detail'),
]

② Passing additional options in your URL maps


path() 함수의 3번째 인수를 추가함으로써 
동일한 View를 다른곳에 재활용하거나 
각 상황에 맞게 조절하려고 할 때 사용하기 위한 옵션을 지정할 수 있다.

path('url/', views.my_reused_view, {'my_template_name': 'some_path'}, name='aurl'),
path('anotherurl/', views.my_reused_view, {'my_template_name': 'another_path'}, name='anotherurl'),
이 옵션들은 사전형 자료형으로 정의된다.

③ View(클래스 기반)


catalog/views.py파일에 아래와 같이 코드를 추가해보자.


class BookDetailView(generic.DetailView):
    model = Book
이제 이 Detail View를 나타낼 Template를 만들면 된다.

④ Detail View 템플릿 생성하기


/locallibrary/catalog/templates/catalog/에 
book_detail.html파일을 만들어 아래와 같이 코드를 추가하자.


{% extends "base_generic.html" %}

{% block content %}
  <h1>Title: {{ book.title }}</h1>

  <p><strong>Author:</strong> <a href="">{{ book.author }}</a></p> <!-- author detail link not yet defined -->
  <p><strong>Summary:</strong> {{ book.summary }}</p>
  <p><strong>ISBN:</strong> {{ book.isbn }}</p> 
  <p><strong>Language:</strong> {{ book.language }}</p>  
  <p><strong>Genre:</strong> {% for genre in book.genre.all %} {{ genre }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>  

  <div style="margin-left:20px;margin-top:20px">
    <h4>Copies</h4>

    {% for copy in book.bookinstance_set.all %}
      <hr>
      <p class="{% if copy.status == 'a' %}text-success{% elif copy.status == 'm' %}text-danger{% else %}text-warning{% endif %}">{{ copy.get_status_display }}</p>
      {% if copy.status != 'a' %}
        <p><strong>Due to be returned:</strong> {{copy.due_back}}</p>
      {% endif %}
      <p><strong>Imprint:</strong> {{copy.imprint}}</p>
      <p class="text-muted"><strong>Id:</strong> {{copy.id}}</p>
    {% endfor %}
  </div>
{% endblock %}
위의 코드 중에 book.bookinstance_set.all() 함수는 눈여겨 볼만하다.


이 메소드는 Django에 의해 자동으로 만들어진 메소드로
Book과 관련된 BookInstance 레코드 집합을 반환한다.

이제 지금 까지 코딩했던 것들이 
정상적으로 작동하는지 화면을 확인해보자.


메인 화면에서 All books 하이퍼링크를 눌렀을 때,
등록했던 책들이 표시되면 된다.

그리고 책의 하이퍼링크를 클릭해 


위와 같은 화면이 표시된다면 
모든 책을 보여주고, 상세 정보를
보여주는 페이지는 완성했다고 볼 수 있다.

Pagination(페이징 처리)


레코드가 몇개 없다면 괜찮겠지만,
수백, 수천개의 레코드를 가지고 있다면 
점차 페이지를 가져오는데 시간이 걸릴 것이다.

이를 방지하기 위해 
나눠서 페이지를 보여주는 Pagination(페이징) 기능을
추가하는 것이 좋다.

① Views


catalog/views.py에 아래와 같이 코드를 추가해보자.


class BookListView(generic.ListView):
    model = Book
    paginate_by = 10
이것으로 10개 이상의 레코드를 갖게되면
View는 template에 보내는 데이터에 
Pagination(페이징)을 하게될 것이다.

사실 이 페이징 처리를 하기 위해서
꽤나 복잡한 코드를 작성해야 되지만,
재사용성을 강조하는 최근의 패러다임에 맞게
Django에서는 페이징 기능을 지원한다.

② Templates


/locallibrary/catalog/templates/base_generic.html에 
pagination 블록을 추가하자.


{% block content %}{% endblock %}
  
{% block pagination %}
  {% if is_paginated %}
    <div class="pagination">
      <span class="page-links">
        {% if page_obj.has_previous %}
          <a href="{{ request.path }}?page={{ page_obj.previous_page_number }}">previous</a>
        {% endif %}
        <span class="page-current">
          <p>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</p>
        </span>
        {% if page_obj.has_next %}
          <a href="{{ request.path }}?page={{ page_obj.next_page_number }}">next</a>
        {% endif %}
      </span>
    </div>
  {% endif %}
{% endblock %} 
위의 화면과 같이 
<div>태그에 정확히 넣지 않으면 
페이징 레이아웃이 이상한 곳으로 가기 때문에 주의하도록 하자.


정상적으로 추가했다면 위와 같이
페이징 기능이 정상적으로 작동할 것이다. 




이 블로그의 인기 게시물

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

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

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