[ Essay - Technology, Essay - Intuition ] Chat GTP시대의 도래와 생각하는 방식에 대해

-
이미지
올해도 드디어 끝이 보이는 듯 싶다. 최근에 회사의 망년회를 끝내고 이래저래 회식이 늘어나는 듯 하다. 지금 시점에서는 개인적인 스케쥴도 마무리 되었기 때문에 이제는 여유롭게 연말을 즐기며 올해를 마무리 하려고 한다. 비교적 최근에 이사한 곳 근처의 스타벅스가 대학 병원 안에 있고 근처에 공원이 있어서 그런지 개를 대리고 산책하는 노인이나  아이를 동반한 가족이 눈에 띄게 보인다. 꽤나 좋은 곳으로 이사한듯 하다. 개인적으로는 올해 드디어 미루고 미루었던 이직을 하였고  그 이후에 비약적인 성장을 이루었으니  분명 안좋은 일도 있었지만 만족할 수 있는 해를 보내지 않았나 싶다. 내가 도달하려고 하는 곳으로 가려면 아직 갈길이 멀지만  궤도에 오른 것만으로도 큰 성과라면 큰 성과 일 것 이다. 어쨋든 이직하고 많은 일들을 맡게 되었는데 그 과정에서 나는 의도적으로 Chat GTP를 활용하고자 하였고 몇 가지 직감을 얻게 되었는데  이 중 한 가지를 글로 작성하려고 한다. 따라서 올해의 마무리 글은 Chat GTP에 대한 이야기로 마무리 하려고 한다. 서론 불과 약 10년전 IT업계는 원하던 원치 않던간에  한번의 큰 패러다임의 변화를 맞이해야만 했다 바로 아이폰의 등장에 따른 스마트폰의 시대의 도래와  이에 따른 IT업계의 패러다임 변화가 그것이다. 내 기억으로는 아주 격변의 시대였던 걸로 기억하는데 왜냐하면 게임은 물론이고 웹과 백신을 비롯한 모든 솔루션의 변화가 이루어졌다. 이 뿐만 아니라 가볍고 한손의 들어오는 이 디바이스는  그 당시에는 조금 비싸다는 인식이 있었지만  감추려고 해도 감출 수 없는 뛰어난 유용성으로 회의론을 금세 종식시켰고 이에 대한 결과로 어린아이 부터 노인 까지 작은 컴퓨터를 가지게 되었고 이는 당연하게도 IT업계의 전체적인 호황을 가져다주었다.  그리고 질서는 다시 한번 재정렬되었다. 이러한 패러다임의 변화의 증거로 언어 또한 변하게 되었는데...

[ Django, Python ] mozilla 튜토리얼 예제로 살펴보는 Django 분석 ③ - 2 : Django 관리자 사이트

-

추가 설정(Advanced Configuration)


Django에서 제공해주는 admin 애플리케이션은 
사용자가 인터페이스를 수정할 수 있다.

  • 목록 뷰(List Views) :

    ・각 레코드에 표시되는 추가적인 필드 및 정보를 추가

    ・레코드들이 보여질지 선택하는 필터 추가

    ・목록 뷰(List Views) 안의 동작 메뉴에 추가적인 옵션을 추가하고 
    이 메뉴가 어디에 보여져야 할 지를 선택

  • 세부 뷰(Detail Views) :

    ・표시할(혹은 제외할) 필드, 따를 순서, 그루핑, 편집 가능 여부,
    위젯, 방향(orentation) 등을 선택

    ・인라인 편집(inline editing) 기능을 넣기 위해
    관련된 필드들을 레코드에 추가
이번에는 LocalLibrary의 인터페이스를 향상 시키려고 한다.

Book과 Author Model 목록에 더 많은 정보를 추가하고,
편집 뷰(Edit Views)의 레이아웃을 향상시키는 것을 포함한다.

이외의 관리자 사이트 커스터마이징에 대한 것은
아래 링크의 공식 도큐먼트를 참고하기 바란다.


① ModelAdmin Class 등록하기


관리자 인터페이스를 커스터마이징하고 싶다면 
ModelAdmin Class를 정의한 후 등록해야한다.

일단 적용할 Model은
Author, Author, BookInstance Model이다.


우선 위와 같이 
catalog 디렉토리의 admin.py에 들어가
Author, Author, BookInstance Model의 
레지스터 코드를 주석 처리한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class AuthorAdmin(admin.ModelAdmin):
    pass
 
# Register the admin class with the associated model
admin.site.register(Author, AuthorAdmin)
 
# Register the Admin classes for Book using the decorator
@admin.register(Book)
class BookAdmin(admin.ModelAdmin):
    pass
 
# Register the Admin classes for BookInstance using the decorator
@admin.register(BookInstance) 
class BookInstanceAdmin(admin.ModelAdmin):
    pass
cs

그리고 위와 같은 코드를 추가 한다.
여기서 @admin.register(Book)은 
admin.site.register(Book, BookAdmin)과 동일하다.

② 목록 뷰(List View) 설정


현재 LocalLibrary는 __str__() 메소드에서 생성되는 
객체 이름을 사용하여 모든 저자들의 목록을 보여준다.

만약 수 많은 저자가 있을 경우에는 
똑같은 이름의 다른 저자가 있을 수도 있을 것이다.
이것을 구분하거나, 저자마다 다른 데이터를 보여주고 싶다면
list_display를 사용해서 View에 필드를 추가할 수 있다.


1
2
class AuthorAdmin(admin.ModelAdmin):
     list_display = ('last_name', 'first_name', 'date_of_birth', 'date_of_death')
cs

그 다음 다시 관리자 애플리케이션의 Author 사이트로 들어가보자.


AuthorAdmin Class에 프로그래밍 한대로 
화면에 표시되는 것을 볼 수 있다.

추가로 Book Model도 커스터마이징 해보자.
커스터마이징 할 필드는 title, author, genre이다

다만, author는 ForeignKey 필드(일 대 다)이기 때문에
관련 레코드 __str__()에 의해 리턴되지만,

genre 필드는 ManyToManyField이기 때문에
list_display를 이용해 리턴할 수는 없다.

대신에 문자열로 받기 위해 
disply_genre 함수를 정의할 것 이다.

사실 genre를 가져오는 것은 좋은 생각은 아니다.
왜냐하면 DB의 효율이 떨어지기 때문이다.

어쨋든 먼저 Book Model안에 아래의 코드를 추가한다.


1
2
3
4
5
def display_genre(self):
        """Create a string for the Genre. This is required to display genre in Admin."""
        return ', '.join(genre.name for genre in self.genre.all()[:3])
    
    display_genre.short_description = 'Genre'
cs

그 다음 admin.py에 아래와 같이 추가하자


1
2
class BookAdmin(admin.ModelAdmin):
    list_display = ('title', 'author', 'display_genre')
cs

그리고 book 관라자 앱에서 확인해보면

위와같이 프로그래밍 한 대로
title, author, display_genre이 
화면에 표시되는 것을 확인할 수 있다.

③ 목록 필터(List Filter) 추가하기


목록 안에 항목들이 많다면 
List View 보다는 List Filter를 추가하는 것이 좋다.


1
2
class BookInstanceAdmin(admin.ModelAdmin):
    list_filter = ('status', 'due_back')
cs

작성 후 관리자 애플리케이션의 
Book Instances 페이지에 들어가면


위의 화면과 같이 List Filter가 
화면에 출력되는 것을 확인할 수 있다. 

④상세 뷰(Detail View) 레이아웃 커스터마이징 


Model들을 눌렀을 때 나오는
상세 뷰(Detail View)의 레이아웃도  커스터마이징할 수도 있다.

Detail View는은 모든 필드들을 Model에 정의한대로 
표시할 수 있다.

1) 필드 배치 및 제어



1
2
3
class AuthorAdmin(admin.ModelAdmin):
    list_display = ('last_name', 'first_name', 'date_of_birth', 'date_of_death')
    fields = ['first_name', 'last_name', ('date_of_birth', 'date_of_death')]
cs

위와 같이 admin.py 파일의 AuthorAdmin Class안에 
fields라는 변수를 선언하고 데이터를 입력 하자. 

필드들은 기본적으로 수직적으로 표시되지만,
date_of_birth와 date_of_death 처럼 묶는다면 
수평적으로 표시된다.

추가했다면 Author의 세부 뷰화면으로 가보자.

들어가보면 프로그래밍 한대로
first_name과 last_name은 수직적으로,

묶었던 date_of_birth와 date_of_death는
수평적으로 표시되어있는 것을 확인할 수 있다.

2) 세부 뷰 구역 나누기(Sectioning the detail view)


fieldsets 속성을 사용해
연관된 모델 정보를 그룹화하는 sections를 추가할 수 있다.


1
2
3
4
5
6
7
8
9
10
11
12
@admin.register(BookInstance)
class BookInstanceAdmin(admin.ModelAdmin):
    list_filter = ('status', 'due_back')
    
    fieldsets = (
        (None, {
            'fields': ('book', 'imprint', 'id')
        }),
        ('Availability', {
            'fields': ('status', 'due_back')
        }),
    )
cs

위와 같이 BookInstanceAdmin Class에 
fieldsets 변수와 데이터를 추가해보자.

길게 말하는 것 보다 실행 결과를 보는 것이 
이해하기 더 쉬울 것이다.

바로 Book Instance의 Detail View로 가보자.


프로그래밍한대로 초록색 박스는 
타이틀이 달려있지 않은 3개의 필드가 표시되고
빨간색 박스는 타이틀이 달려있는 2개의 필드가 화면에 표시된다.

3) 연관 레코드들의 인라인 편집(Inline editing of 
associated records)


연관된 레코드들을 동시에 추가하는 것이 가능할 때도 있다.
책 정보와 특정한 복사본에 대한 정보 둘다 가질 수 도 있다.

이것을 인라인(inlines)을 선언해서 사용할 수 있고
수평적 레이아웃(TabularInline) 타입 또는
기본 레이아웃과 같이 수직적인 레이아웃(Stackedlnline)을
선택할 수 있다.


1
2
3
4
5
6
7
class BooksInstanceInline(admin.TabularInline):
    model = BookInstance
 
@admin.register(Book)
class BookAdmin(admin.ModelAdmin):
    list_display = ('title', 'author', 'display_genre')
    inlines = [BooksInstanceInline]
cs

위와 같이 admin.py 파일에 
BooksInstanceInline Class를 정의하고 
BookAdmin Class에 inlines 변수와 데이터를 추가하자.

저장하고 Book Model 관리자 페이지의
상세 뷰(Detail View)로 들어가보자.


상세 뷰의 맨 아래쪽으로 가보면 
Book Instances라는 타이틀로 
사본에 대한 인라인이 추가되어있는 것을 확인할 수 있다.





이 블로그의 인기 게시물

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

-
이미지
이 글은 웹 애플리케이션의 이해를 돕기 위한 나의 블로그의 3가지 포스트인 본 글인 웹 애플리케이션 아키텍처 웹 애플리케이션 아키텍처의 유형 , https://nitro04.blogspot.com/2020/01/web-types-of-web-application.html 웹 애플리케이션 서버 아키텍처의 정의 및 유형  https://nitro04.blogspot.com/2020/01/web-types-of-web-application-server-and.html 이 3가지의 포스트 중  순서 상으로 첫 번째 포스트로서  가장 큰 틀에서 웹 애플리케이션를 바라보는 글이다. 이 포스트 만으로도 대략적인  웹 애플리케이션에 대해 이해가 가능하다고 생각되나, 나머지 두 포스트도 참고한다면  더욱 웹 애플리케이션에 대한 이해를  도울 수 있다고 생각하며 기대하고 있다. 그럼 이제 본격적으로  웹 애플리케이션 아키텍처의 정의부터 이야기를 시작해보자. 웹 애플리케이션 아키텍처란 무엇인가? 웹 어플리케이션 아키텍처 (Web Application Architecture) 는 응용 프로그램의 구성 요소  간의  상호 작용을 유지하는 소프트웨어를  구조화 한 것을 말한다.  웹 애플리케이션 아키텍처를 사용할 때는  사용자 , 개발자, 소프트웨어 제품 소유자 의 요구 사항을 고려해봐야 한다 . 사용자 는 일반적으로 책갈피나 좋아요/싫어요 등 어떤 애플리케이션을 사용함에 있어서 기능의 유용성에 , 개발자 는 성능 , 기술,  확장성 및 개발 속도에, 소프트웨어 제품 소유자 (Software product owner,  일반적으로 회사 ) 는  하드웨어 , 유지 관리 , 네트워크 인프라 및 보안에 집중되어 있다 . 따라서 이 요구에 따른 웹 애플리케이션 아키텍처를 적절히 선택하는 것이 중요하다 . 웹 애플리케이...
자세한 내용 보기

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

-
이미지
이쪽 공부를 하고 있거나 개발자로서 일을하다 보면 서버 사이드(Server Side)나  클라이언트 사이드(Client Side)라는 말을 들어본 적이 있을 것이다. 특히 개발자가 아니거나 주니어라면  생각보다 제대로된 직감을 가지기는 힘들 것이다. 그런 느낌을 받는다면 당연한 것이다. 처음부터 모든 것을 아는 사람은 없을 것이고, 세상의 모든 것을 아는 사람 또한 없을 것이다. 사실 웹 프로그래밍에서 서버 사이드와  클라이언트 사이드는 엄청난 큰 의미를 가진다. 어느쪽에 중심을 두느냐에 따라 프로젝트의 방향이 다르기 때문이다. 물론 현재에는 클라이언트 사이드 쪽에  중심을 두기는 하지만  5G를 눈앞에 두고 있고, AI가 발전하고 있는 이 시점에서 그래도 제대로된 직감을 가지고 가야 대비할 수 있지 않겠는가? 평소 같으면 큰 그림을 그리고  작은 그림으로 가는 방식으로 갔었겠지만 좀 더 쉽게 직감에 도달하기 위해 이번에는 조금 다른 방식으로 가보기로 하겠다. 웹 브라우저가 차지하는 메모리 어떤 사람은 평소 이런 의문점을 가지고 있는 사람들이 있을 것이다. 왜 웹 브라우저는 메모리를 많이 차지하지? 라는 생각이다. 내가 이 작업을 하고 있는 시점에  총 6개의 브라우저가 열려있는데 총 메모리는 240.4MB 나 사용하고 있다. 단순히 탐색만 했을 뿐인데 이렇게 많은 메모리를 차지한다는 것은 조금 이상하지 않은가? 웹에 대해 잘 모르는 사람들에게는  당연한 의문이다.  이상할 수 밖에 없을 것 이다. 하지만 Web 개발자에게는 어느 정도  이에 대한 직감을 가지고 있을 것이다. 결론부터 말하면  현재 Web쪽에 무거운 처리는 대부분은 클라이언트 사이드 언어로 작업하기 때문이며, 이에 따라 처리 비용이 높기 때문이다. 이에 대한 이야기는 차례대로 설명하기로 하겠다. 클라이언트 사이드(Client Side)란? 클라이언트 사이드의 정확한 정의는 알 수 없다. 아마 사람들...
자세한 내용 보기

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

-
이미지
이 글은 아래의 링크의   https://nitro04.blogspot.com/2020/01/web-types-of-web-application.html 이전 포스팅  「웹 애플리케이션 아키텍처의 유형」 의 다음 글로  이에 좀 더 깊은 추상화인  「웹 애플리케이션 서버 아키텍처의 정의 및유형」 에 관한 이야기 이다. 글을 읽기 앞서서  「웹 애플리케이션 아키텍처의 유형」 에  관한 내용을 이해하고 있다면, 좀 더 서버 아키텍처에 대한  이해에 도움을 될 것이라 생각된다. 어쨋든 웹 애플리케이션 서버 아키텍처의 정의 및 유형을 살펴보기 전에  현재 웹 애플리케이션 서버 아키텍처의  큰 틀을 차지하고 있는 서버 프레임 워크의 역사에  대해 살펴볼 필요가 있다. 물론 역사라고 해봤자 그렇게 거창한 것은 아니며 고작 20년이지만,  개인적으로는 개발자로서는 큰 의미가 있다고 생각한다. 그럼 이제 현재 Web Framework의 역사를 한번 살펴보자. Web Framework의 역사 물론 여기서 왜 프레임 워크의 역사를 봐야하느냐며 빨리 본론으로 넘어가라고 속으로 외치는 사람이 있을 것이다. 하지만, 이런 역사를 보고 인과 관계를 확실히 해야  왜 이러한 아키텍처들이 생성되었는가에 대한  직감이 확실히 잡힐 수 있고,  아키텍처들에 이해가 한 층 더 깊어 질 것이다. 조금 다른 이야기이지만, 서양 역사를 바라볼 때 흔히들 '산업혁명 전과 산업혁명 후로 나뉜다'라는 말을 자주 한다. 이와 동일하게 나는  웹 프레임워크의 역사를 'Sping 전'과 'Spring 후'로 나누고 싶다. 이유는 간단하다. Ruby on Rlias + Ruby,  Spring + Java,  Python + Django 등과 같이  묶여진 것도 사실 Spring의 등장으로 웹 IT 업계에서 실제 생산성 향상으로 이어졌기 때...
자세한 내용 보기