[ToyPJ/Python] django 로 인스타그램 만들기 - 02 django 개발환경 세팅, 나만의 페이지 띄워보기

📌 01. 파이참 설치하고 웹페이지 띄워보기

이번 토이프로젝트는 JetBrains가 만든 개발자용 파이썬 IDE인 파이참(Pycharm)을 사용하기로 했다. 

장고는 설치하자마자 바로 웹페이지를 실행할 수 있다. 장고는 python manage.py runserver라는 메뉴를 통해 개발 모드로 웹서버를 지원해준다. 

장고 기본 웹페이지!

🤔 어떻게 실행이 될 수 있을까?

python manage.py runserver를 하게 되면 장고 서버가 내 컴퓨터에서 실행이 되게 된다. 그렇다면 내 컴퓨터에서 실행되고 있는 서버에는 어떻게 접속할까? 

보통 서버에 접속하기 위해서는 ip주소를 알아야 한다. 하지만 ip는 숫자로 되어있고, 우리가 외우기 쉽지 않다. 따라서 "도메인 이름" 이라는 것을 사용하는데, 우리가 아는 google.com, naver.com이 바로 도메인 이름이다. 예를 들어 브라우저에 google.com을 입력하게 되면, "도메인 이름 서버" 즉, "DNS"에서 google.com의 ip주소를 찾아서 화면에 구글 페이지를 보여주게 된다.

장고를 통해 띄워진 웹페이지의 주소창에 적혀 있는 ip주소를 보면 "127.0.0.1"이라고 적혀있다. 이것은 localhost라고 불리며 자기 자신을 가리키는 ip주소이다. 즉, 우리 컴퓨터의 브라우저에서 127.0.0.1을 입력하게 되면, 우리의 컴퓨터에 접속하겠다는 소리이다. 따라서 127.0.0.1 이라는 ip주소를 입력하게 되면, 우리 각자의 컴퓨터에서 장고 페이지를 볼 수 있는 이유이다.

 

📌 02. 장고 웹 프레임워크의 아키텍처 패턴

🔎 다른 웹 프레임워크의 필수 3요소 - MVC(Model, View, Controller)

• Model : 어플리케이션의 정보(데이터)를 나타냄
• View : 텍스트, 체크박스 항목 등과 같은 사용자 인터페이스 요소를 나타냄
• Controller : 데이터와 비즈니스 로직 사이의 상호 동작을 관리함

MVC 패턴 : 디자인 패턴(어떤 특정한 것을 개발하는 중 발생했던 문제점들을 정리해서 상황에 따라 간편하게 적용해서 쓸 수 있는 것을 정리하여 특정한 '규약'을 통해 쉽게 쓸 수 있는 형태로 만든 것) 중 하나로, 하나의 어플리케이션, 프로젝트를 구성할 때 그 구성요소를 세 가지 역할로 구분한 패턴.

MVC 패턴을 사용하면 사용자 인터페이스로부터 비즈니스 로직을 분리하여 어플리케이션의 시각적인 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 어플리케이션을 만들 수 있다.

🔎 장고의 MVT 패턴 (Model, View, Template)

• Model : 데이터베이스에 저장되는 데이터 (객체를 대상으로 필요한 작업을 실행하면 ORM이 자동으로 적절한 SQL 구문이나 데이터베이스 API를 호출하여 처리)
• Template : 사용자에게 보여지는 UI 부분 (MVC 모델에서 View에 해당하는 파트)
• View : 실질적으로 프로그램 로직이 동작하여 데이터를 가져오고 적절하게 처리한 결과를 템플릿에 전달하는 역할 (MVC 모델에서 Controller에 해당하는 파트)

장고의 MVT 패턴

🔎 웹 클라이언트의 요청을 받고, 장고에서 MVT 패턴에 따라 처리하는 과정

1. 클라이언트로부터 요청을 받으면 URLconf를 이용하여 URL을 분석한다.
2. URL 분석 결과를 통해 해당 URL에 대한 처리를 담당할 뷰를 결정한다.
3. 뷰는 자신의 로직을 실행하면서 만일 데이터베이스 처리가 필요하면 모델을 통해 처리하고, 그 결과를 반환받는다.
4. 뷰는 자신의 로직 처리가 끝나면 템플릿을 사용하여 클라이언트에 전송할 HTML 파일을 생성한다.
5. 뷰는 최종 결과로 HTML 파일을 클라이언트에게 보내 응답한다. 

 

📌 03. 여러 웹페이지를 만드려면?

현재 프로젝트 구조

프로젝트 이름과 같은 이름을 가진 djangoProject라는 폴더는 프로젝트의 설정 폴더 역할을 한다. 안의 폴더를 보면 settings.py 가 있다. 그리고 그 아래 urls.py라는 파이썬 코드 파일이 있다. 이 urls.py라는 파일이 우리가 만드는 서버의 주소를 결정해주는 중요한 파일이다. 소스 파일을 열어보면 현재는 디폴트로 admin이라는 urlpatterns가 등록된 것을 확인할 수 있다. (main/은 추가한 url이다.)

urls.py - urlpatterns에 우리가 만든 html 파일을 추가할 수 있다.

urlpatterns는 우리의 서버 주소 뒤에 특정 주소를 더해서 프로그램을 실행시킬지 결정해주는 역할을 한다. 예를 들어, http://127.0.0.1:8000/admin/ 으로 접속하면 admin.site.urls를 실행한다는 의미이다. 그리고 장고는 기본으로 admin 페이지를 제공한다. http://127.0.0.1:8000/admin/ 를 입력해보자.

http://127.0.0.1:8000/admin/

그러니까 새로운 페이지를 만들고 싶다면, templates 폴더에 html 파일을 생성하고 (나는 main.html을 만들었다.) 생성된 html 파일에 html을 작성한 후에 urls.py 에 만든 html 파일의 주소를 추가해주면 된다.

하지만 urls.py가 바로 html을 연결할 수는 없고 중간에 소스 하나가 더 필요하다. 바로 views.py라는 파이썬 소스파일이다.

views.py

(APIView는 djangorestframework라는 패키지를 설치해야 사용할 수 있는 기능이다.(파이썬은 많은 사람들이 만들어 놓은 코드를 패키지 형태로 다운로드 하여서 사용할 수 있다.) pip install djangorestframework를 통해 패키지를 설치하는 과정은 포스팅 생략한다.)

 

코드를 보면 Class Sub(APIView): 라는 것은 Sub 라는 클래스(기능)를 만들었는데 그 클래스는 APIView의 기능을 사용한다라는 의미이다. APIView는 클라이언트와 서버가 데이터를 주고 받을 수 있도록 도와주는 역할을 한다. 서버와 클라이언트가 데이터를 주고받는 방법은 여러가지가 있는데, 여기서는 HTTP 통신이라는 방법을 사용한다. 우리가 특정 홈페이지에 들어갈 때 주소 맨앞에 적는 HTTP가 바로 이 HTTP 통신이다. HTTP 통신 안에도 또 여러가지 종류가 있는데 그 중 대표적으로 get, post가 있다. 일반적으로 홈페이지 조회는 get 방식, 특정 작업을 요청할 때는 post방식을 사용한다. 지금은 페이지만 조회하기 때문에 get을 사용하도록 한다.

 

Class Sub 안의 get함수는 바로 "이 클래스는 get으로 실행했을 때"를 의미한다. 그리고 return render(request, "hwangstagram/main.html")은 get으로 실행하면 render라는 기능을 사용한다는 의미이다. render를 사용하면 우리가 만든 html을 브라우저를 통해 보여줄 수 있다. 즉, Sub 라는 클래스를 get으로 실행하면 main.html을 실행할 수 있다.

 

이제 이 Sub를 urls.py에 추가해주면 된다.

urls.py에 APIView 기능을 가진 클래스 소스파일 추가

sub.as_view()를 통해 생성한 웹 페이지를 정상적으로 불러올 수 있게 된다.

 

 

📚요약하자면

1. templates 폴더 안에 html 파일을 만든다.
2. 이 html 파일을 urls.py에 추가하면 html 파일의 이름을 주소로 갖는 웹페이지에 접속할 수 있다.
3. 하지만 그 전에 view.py에 "html을 브라우저를 통해 보여줘"라는 기능을 추가 해야된다.
4. 그리고 views.py에서 만든 클래스를 urls.py에 추가함으로써 

<(templates/oo.html) 우리가 만든 웹페이지>를 <(views.py)html을 보여주는 기능>을 통해 <(urls.py)>에 추가하여 불러올 수 있다. 

 

 

 

 

 

출처 :

https://learning-archive.tistory.com/117

https://butter-shower.tistory.com/49

https://hongong.hanbit.co.kr/장고django의-mvt-패턴model-view-template/

 

 

 

https://cholol.tistory.com/548

 

이 게시물의 모든 저작권은 마이쮸(mychew__)님께 있으며, 저는 오직 학습과 기록을 목적으로 포스팅한 것임을 알려드립니다.

좋은 강의 컨텐츠를 제공해주신 마이쮸님께 감사의 말씀 드립니다. (_ _)