Django를 이용하여 웹 플랫폼 만들기

---

😀 프로젝트 포스팅은

개인 제작한 프로젝트를 리뷰하고 한 번 정리하는 포스팅입니다.

 

 이번 프로젝트에서는 Django 프레임 워크를 사용하여

직접 웹 플랫폼을 제작하는 것이 목표입니다.

---

🤔 플랫폼이란?

 

일반적으로 플랫폼이란

여러 사람이 이용하기 편리하게 만들어 주는 것을 말합니다.

 

IT 분야에서의 플랫폼은 소프트웨어를 작동시킬 때

기반이 되는 OS 종류나 환경을 말합니다.

 

---

🤔 장고 (django)란?

 

장고는 파이썬으로 작성된 오픈 소스 웹 프레임워크입니다.

 

웹 프레임 워크는 동적인 웹 페이지나, 웹 애플리케이션, 웹 서비스 개발의

보조용으로 만들어진 프레임 워크의 일종입니다.

 

다양한 기능들은 사용할 수 있는 만큼, 한 스크립트 안에서 모두 구현할 수 없으므로

기능 별로 분할하여 코드를 작성하고 합치는 방식으로 개발을 진행합니다.

 

 

장고는 기본적으로 MVT 패턴입니다.

Model	데이터의 원천이 되는 데이터 베이스를 구성하는 역할을 한다.
View	데이터의 변경이 필요한 부분을 모델에 요청하고, 결과값을 HTML 문서에 나타내는 역할을 한다.
Template	화면의 UI를 담당하는 역할을 한다.

 

---

 

django 설치

 

1. 먼저 Django를 설치하기 전에 파이썬을 설치해주어야 한다.

 

   웹으로 설치 : https://www.python.org/downloads/

(주의! 파이썬 폴더를 PATH에 추가하는 박스에 꼭 체크해야 한다.)

Download Python

 

 

   vscode로 설치 : Ctrl+Shift+X를 눌러 python 검색 후 설치한다.

 

 

 

2. vscode에서 터미널창을 열고 pip install pipenv 명령어를 실행하여 pipenv를 설치한다.

 

pip 명령어란 파이썬으로 작성한 패키지를 관리하는 도구를 말합니다.

pip 명령어를 통해 pipenv를 설치하여 패키지를 다운로드할 가상 환경을 구성합니다.

 

여기서 가상 환경을 구성하는 이유는

 

패키지를 사용할 때 단일의 패키지가  아닌 다양한 종류의 패키지를 사용하는 경우가 많으며,

이것을 전역으로 다운받을 경우 패키지들 간의 충돌이 일어날 수 있다는 문제점이 있어

 

폴더를 가상 환경으로 만들어 놓고 

가상 환경 안에서 작업하는 것이 프로젝트를 관리하기 수월하기 때문입니다.

   

pipenv가 정상적으로 설치된 경우 사용할 수 있는 명령어 리스트가 출력된다.

 

 

 

3. 프로젝트를 저장할 디렉터리 생성 후, 해당 경로에서 pipenv --three 명령어를 실행하여 가상환경 구성한다.

 

 

4. 가상환경이 구성되었으면, pipenv shell 명령어를 통해 가상환경으로 들어갈 수 있다.

 

 

터미널 창을 통해 확인해 보면 

기존 bash에서 pipenv로 변경된 것을 알 수 있다.

 

또한 아래와 같은 pipfile이 하나 생성되는데

일종의 목차라고 생각하면 된다.

 

5. pipenv install Django명령어를 실행하면 Django를 설치할 수 있다.
   (뒤에 버전을 붙혀주면 해당 버전으로 설치 가능) 
   python -m django --version명령어로 설치한 장고의 버전 확인 가능

 

위와 같은 설치 완료 명령어가 나오며, 

 

패키지에 장고가 표시된다.

이때 django = "*"의 의미는 장고 설치시 버전에 대한 지칭을 하지 않아

최신 버전으로 설치되어 "*"로 표기된 것이다.  

---

django 프로젝트 만들기

 

 

1. [django-admin startproject 이름] 명령어를 통해 프로젝트 관련 파일을 생성할 수 있다.

  
프로젝트 하위 파일로는 다음과 같다.

 

__init__.py  : 해당 파일은 파이썬의 패키지같이 다루라는 용도로 단순히 빈 파일이다.

settings.py : Django 프로젝트의 환경 및 구성을 저장하는 파일이다.

url.py : url을 저장하는 파일이다. Django로 작성된 사이트의 목차라고 할 수 있으며,
          이 파일을 참조하게 하여 url을 깔끔하게 다룰 수 있다.

asgi.py, wsgi.py : ASGI와 WSGI를 사용하여 배포할 때 접점이 되는 파일이다. 
 
(Asgi와 wsgi는 웹서버와 웹 애플리케이션의 인터페이스를 위한 파이썬 프레임워크)

 

---

django 앱 만들기

 

 

1. [django-admin startapp 이름] 명령어를 통해 애플리케이션 파일을 생성할 수 있다.

  
  이번 시간에 다뤄볼 파일은 models.py와 admin.py이다.


  models.py는 데이터베이스 구조를 나타내는 파일이다.
  예를 들면, 웹상에서 유저 정보에는 아이디, 패스워드, 이름, 자기소개 등이 있는데,
  그것을 models.py을 통해 구조를 정의한다.

  
  admin.py는 어드민 페이지에 나타낼 패널을 다루는 파일이다.
  만든 앱은 어드민에게 알려주어야 어드민 페이지에서 앱을 다룰 수 있다.
  이때 사용하는 방법은 admin.py에서 데코레이터를 사용하여 처리할 수 있다.  

 

 

 

1. models.py 파일 작성

 

from django.db import models
from django.contrib.auth.models import AbstractUser

class User(AbstractUser):
	pass

 

 

 

2. 앱 추가

앱을 만들었으면, 프로젝트에 해당 앱을 추가해 주어야한다.
프로젝트의 settings.py의 해당 부분에 앱을 기입해주어야 프로젝트에
앱을 추가한다고 설정이 되는 것이다.

 

 

PROJECT_APPS = [
	"users", "survey_user"
]

INSTALLED_APPS = INSTALLED_APPS + PROJECT_APPS

 

 

 

3. 디폴트 유저 모델 덮어쓰기(override)

장고에서는  AUTH_USER_MODEL에 설정값을 제공함으로써 디폴트 유저 모델을
덮어쓸 수 있다.
아래와 같이 사용하여 만들어둔 유저모델로 덮어씌우도록 한다.

   AUTH_USER_MODEL = "users.User"

 

 

---

 

1. admin.py 파일 작성

from django.contrib import admin
from django.contrib.auth.admin import UserAdmin
from . import models
# Register your models here.

@admin.register(models.User)
class CustomUsearAdmin(UserAdmin):
	pass

 

 

어드민 페이지에 해당 앱의 내용을 어떻게 보여줄 것인지 만들어져 있는
클래스 UserAdmin을 import해서 admin 패널 틀을 구성한다.

이때, 데코레이터 (@admin.register(models.User))를 이용하여 어드민 페이지에 해당 앱을 알려줄 수 있다.

 

 

---

admin page 확인하기

 

 

1. models.py가 완성이 되면,
   python manage.py makemigrations 명령어를 통해 변경사항에 대한
   migrate를 만들어주고, 

   python manage.py migrate 명령어를 통해 migrate를 데이터베이스에 적용시킨다.


@ 이 migrate명령은 INSTALLED_APPS설정을 확인하고 mysite/settings.py파일의
   데이터베이스 설정 및 앱과 함께 제공된 데이터베이스 마이그레이션에 따라
   필요한 데이터베이스 테이블을 만듭니다.


2. python manage.py createsuperuser 명령어를 통해 관리자 계정을 생성할 수 있다.



3. python manage.py runserver 명령어를 통해 로컬 서버를 열 수 있다.

   이 명령은 내부 IP 의 8000번 포트로 개발 서버를 띄운다.

 

config에서 urls.py를 살펴보면 아래 사진과 같이

url 경로가 나온다.

 

이 url 경로는 admin page의 경로이며,

위 사진과 같이 Username과 Password를 입력하는 화면이 나오게 된다.

이 곳에 자신이 설정한 admin 계정을 입력하면 아래의 그림과 같이,

admin 계정으로 접속한 것을 확인할 수 있다.

관리자 페이지로 들어갈 수 있다.