[Django] clone instagram #1

정보구니·2021년 11월 29일

django

Django

목록 보기

9/15

장고 기초 튜토리얼을 공부하고 나니까, 장고가 어떻게 돌아가는지 조.....금은 알것 같지만서도 아직은 이해가 안되는 부분도 있고 많이 부족하다고 느껴진다.

그래서 장고를 더욱 익히는 연습을 위해 강의를 참고하여 인스타그램을 클론코딩해보려고 한다!

시작하기 앞서 장고의 구조에 대해 간단하게 알아보자

장고는 MVT 구조를 가진다.
M (Model)
V (View) : 데이터를 처리하는 부분이다.
T (Templates) : 화면을 그리는 부분, html이나 css 파일을 관리한다.

장고 개발환경 세팅

장고 프로젝트를 시작하기 앞서서 가상환경(venv)을 세팅 해주도록 하겠다.

python -m venv venv

만들어준 가상환경을 활성화시키고, 장고를 설치해준다.

venv\scripts\activate
(venv) pip install django==1.8

Django 새 프로젝트 만들기

그 다음 본격적으로 장고 프로젝트를 위한 기본골격을 만들어주는 스크립트를 실행한다.

(venv) django-admin startproject mysite .

그럼 다음과 같은 디렉토리 구조가 만들어진다.

instagram/
    instagram/
        __init__.py
        settings.py
        urls.py
        asgi.py
        wsgi.py
    venv/
    manage.py

웹페이지 띄우기

만들어준 장고 프로젝트를 실행한다.
(venv) python manage.py runserver

서버를 실행해주고 http://127.0.0.1:8000/에 들어가면 장고에서 기본적으로 제공해주는 페이지를 확인할 수 있다.

이때 해당 ip주소가 의미하는 것은 알아보자면, 다음과 같다.

127.0.0.1 : localhost라고 불리며, 자기자신인 나의 컴퓨터를 가리킨다.
:8000 : port라고 하며, 8000을 타고 들어오면 장고를 보여준다.

내가 만든 페이지 띄우기

`main.html` 파일 만들기

기본으로 제공되는 페이지가 아닌 나의 페이지를 만들어 주기 위해
templates/instagram디렉토리에 html파일을 만들어준다.

instagram/
    instagram/
    templates/
        instagram/
             main.html
    venv/
    manage.py

- templates/instagram/main.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>여기에 타이틀을 적습니다.</title>
</head>

<body>
    <h1>제목 텍스트를 적습니다.</h1>
    <p>일반 텍스트를 적습니다.</p>

    <div>
        <button>이건 버튼입니다.</button>
    </div>
</body>
</html>

이렇게 main.html을 만들어 줬지만, 자동으로 웹페이지가 수정되지는 않는다.

해당 url을 호출했을 때 main.html페이지를 열어줄 수 있는 연결고리가 없기 때문이다.

사용자에게 main.html을 보여주기 위해서는 view에서 어떠한 처리를 해줘야 한다.
이때 urls.py라는 파일을 만들어줘야 한다.
urls.py파일을 통해서 사용자가 어떤 url로 접속했을 때 어떤
view에 있는 함수를 실행시킬까, 어떤 html파일을 보여줄까를 선택할 수 있다.

따라서 view.py와 urls.py 파일을 만들어 주도록 한다.

`views.py` 파일 만들기

views.py를 만들어주기 이전에 한가지 설치를 해주려고 한다.

장고에서 REST를 쓰기 위한 대표적인 툴이 장고 rest 프레임워크를 설치해준다.

(venv) pip install djangorestframework

설치를 마쳤으면, view.py를 작성해 주도록 한다.

- instagram/view.py

from django.shortcuts import render
from rest_framework.views import APIView


class Main(APIView):
    def get(self, request):
        return render(request, "instagram/main.html")

여기서 APIView를 사용하기 위해 아까 django rest framework를 설치해준 것이다.
rest framework라는 패키지 안에 APIView라는 함수가 있는데, 이것을 통해 rest 호출을 할 수 있도록 만들어 준다.

`urls.py`파일 만들기

웹페이지가 보여지는 사이클은 urls에서 views로 가서 templates에 있는 main.html을 실행시키는 순서이다.

따라서 urls.py를 만들어 주도록 하겠다.

- instagram/urls.py

from django.contrib import admin
from django.urls import path

from instagram.views import Main

urlpatterns = [
    path('admin/', admin.site.urls),
    path('main/', Main.as_view())  # url 뒤에 main을 입력했을 때, Main 클래스의 뷰를 사용
]

이렇게 작성해준 뒤 서버를 확인해보았더니 오류가 발생하였다.

📌 `error` 해결 `(no such table: django_session)`

no such table: django_session라는 에러가 발생했다.

해당 에러에 대해 구글링 해보니,
py manage.py runserver 명령어로 서버 실행 후 자동으로 추가된 테이블 중 django_session이 없어서 발생한 에러라고 한다.

에러 해결을 위해서는 데이터베이스를 migrate해준 뒤 서버를 다시 실행 해주면 된다!

python manage.py migrate

에러를 해결하고 서버를 확인해보니 http://127.0.0.1:8000/main/ url을 통해 내가 만들어준 main.html이 보여지는 것을 확인 할 수 있다.

`app` 추가하기

장고에서는 앱 단위로 코드를 관리할 수 있다.
앱 단위로 관리하는 이유는 인스타그램을 생각해보자면, 피드에 관한 소스가 있을 것이며, 좋아요에 관한 소스, 댓글에 관한 소스 등 여러가지가 있을 것이다.

이것들을 하나의 소스파일에서 관리하다 보면 소스파일이 엄청 커지기 때문에
장고에서는 소스코드를 분할하여 앱단위로 관리할 수 있도록 제공한다.

이때 앱은 기능별로 나눠 관리하는 것이 좋다.

지금은 content와 user라는 앱을 만들어 주려고 한다.

(venv) python manage.py startapp content
(venv) python manage.py startapp user

그러면 만들어준 앱에 대한 폴더가 추가됨을 확인할 수 있다.

instagram/
    content/
    instagram/
    user/
    templates/
    venv/
    manage.py

만들어준 앱에 대해 장고에서 앱이라고 인식할 수 있도록 등록을 해줘야한다.

settin.py파일을 열고 INSTALLED_APPS에 추가해준다.

- instagram/setting.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'content',
    'user',
    'instagram'
]

🔎 참고
강의
강의자료
error : no such table: django_session

정보구니

이전 포스트

[Django] 장고걸스 튜토리얼

다음 포스트

[Django] clone instagram #1

Django

장고 개발환경 세팅

Django 새 프로젝트 만들기

웹페이지 띄우기

내가 만든 페이지 띄우기

`main.html` 파일 만들기

`views.py` 파일 만들기

`urls.py`파일 만들기

📌 `error` 해결 `(no such table: django_session)`

`app` 추가하기

[Django] 장고걸스 튜토리얼

[Django] clone instagram #2

0개의 댓글

[Django] clone instagram #1

Django

장고 개발환경 세팅

Django 새 프로젝트 만들기

웹페이지 띄우기

내가 만든 페이지 띄우기

main.html 파일 만들기

views.py 파일 만들기

urls.py파일 만들기

📌 error 해결 (no such table: django_session)

app 추가하기

[Django] 장고걸스 튜토리얼

[Django] clone instagram #2

0개의 댓글

`main.html` 파일 만들기

`views.py` 파일 만들기

`urls.py`파일 만들기

📌 `error` 해결 `(no such table: django_session)`

`app` 추가하기