'웹/Django' 카테고리의 글 목록

웹/Django

[DJANGO 기초] 7. Template 확장, 상속 2021.06.19
[DJANGO 기초] 6. 세션, 로그인 페이지 구현 2021.06.19
[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용 2021.06.19
[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성) 2021.06.16
[DJANGO 기초] 3. Django admin, 개발 서버 활용 2021.06.14
[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리 2021.06.14
[DJANGO 기초] 1. 가상환경 설정 및 앱 생성 2021.06.13

[DJANGO 기초] 7. Template 확장, 상속

silversu 2021. 6. 19. 18:44

2021. 6. 19. 18:44

본 프로젝트는 패캠 강의를 참고 합니다.

<이전 글>

https://silvercoding.tistory.com/16

[DJANGO 기초] 6. 세션, 로그인 페이지 구현

본 프로젝트는 패캠 강의를 참고 합니다. <이전 글> https://silvercoding.tistory.com/15 https://silvercoding.tistory.com/14 https://silvercoding.tistory.com/13 https://silvercoding.tistory.com/12 htt..

silvercoding.tistory.com

이전 글까지 회원가입과 로그인 기능을 만들었는데, 두개의 template html이 거의 유사했다. 이번 글에서 이렇게 겹치는 html을 효율적으로 관리하기 위하여 간단히 상속받는 코드를 구현해본다.

1. 기본이 되는 html 파일 생성

community ---> user ---> templates ---> base.html 생성

<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="/static/bootstrap.min.css" />
    <script src="https://cdn.jsdelivr.net/npms/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
</head>

<body>
    <div class="container">
        {% block contents %}
        {% endblock %}
    </div>
</body>

</html>

body부분의 container 까지만 남겨두고,

{% block contents %} {% endblock %} 를 작성해준다.

이 사이에 다른 파일에서 코드를 작성할 수 있다.

2. 상속받기

community ---> user ---> templates ---> login.html

{% extends "base.html" %} 
{% block contents %}
<div class="row mt-5">
    <div class="col-12 text-center">
        <h1>로그인</h1>
    </div>
</div>
<div class="row mt-5">
    <div class="col-12">
        {{ error }}
    </div>
</div>
<div class="row mt-5">
    <div class="col-12">
        <form method="POST" , action=".">
            {% csrf_token %}
            <div class="form-group mb-3">
                <label for="username" class="form-label">사용자 이름</label>
                <input type="text" class="form-control" id="username" placeholder="사용자 이름" name="username">
            </div>
            <div class="form group mb-3">
                <label for="password" class="form-label">비밀번호</label>
                <input type="password" class="form-control" id="password" placeholder="비밀번호" name="password">
            </div>
            <button type="submit" class="btn btn-primary">로그인</button>
        </form>
    </div>
</div>
{% endblock %}

우선 {% extends "base.html" %} 를 가장 상단에 작성해준다.

그다음 지정하는 부분에 들어갈 수 있도록 base.html에서 작성한 것과 동일하게 입력해주면 된다.

서버에 접속하여 확인했을 때 전과 같이 잘 동작한다면 성공!

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 6. 세션, 로그인 페이지 구현 (0)	2021.06.19
[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용 (0)	2021.06.19
[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성) (0)	2021.06.16
[DJANGO 기초] 3. Django admin, 개발 서버 활용 (0)	2021.06.14
[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리 (0)	2021.06.14

[DJANGO 기초] 6. 세션, 로그인 페이지 구현

silversu 2021. 6. 19. 18:12

2021. 6. 19. 18:12

본 프로젝트는 패캠 강의를 참고 합니다.

<이전 글>

https://silvercoding.tistory.com/15

[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용

본 프로젝트는 패캠 강의를 참고 합니다. <이전 글> https://silvercoding.tistory.com/14 https://silvercoding.tistory.com/13 https://silvercoding.tistory.com/12 https://silvercoding.tistory.com/11 [D..

silvercoding.tistory.com

세션

클라이언트 <------------------> 서버

클라이언트 안에 쿠키가 들어있다. 여기서 쿠키는 저장소와 같다. 웹 브라우저 안에 쿠키라는 저장공간이 있는데 이 저장공간을 활용해서 데이터를 유지하는 것이다.

브라우저를 켜서 서버에 요청을하고, 응답을 받는다. 서버에서는 헤더에 쿠키 정보를 넣어서 클라이언트에게 전달한다. 클라이언트는 그 정보를 쿠키에 저장한다.

서버 안에서는 쿠키로 사용할 키를 만든다. 이걸 데이터베이스에 저장하고 클라이언트에 알려준다. 클라이언트는 자기 쿠키 저장소에 저장한다. 웹사이트 별로 나누어서 저장하게 된다.

총정리 ---> 1. (클라이언트) 사이트에 들어가면 서버에 요청

2. (서버) 서버 안에서는 새로운 키를 생성해서 데이터베이스에 넣은 후, 그 키를 클라이언트에 전달한다.

3. (클라이언트) 클라이언트는 각각의 웹사이트에 해당하는 키를 쿠키에 저장한다.

4. (클라이언트) 다음부터 웹사이트에 들어가면 클라이언트가 하는 모든 요청에 이 쿠키를 같이 보낸다.

5. (서버) 그럼 서버는 그 쿠키에 해당하는 데이터베이스를 꺼내와서 사용할 수 있게 되는 것이다.

어렵고 복잡해보인다. 하지만 장고에서 실제로 사용하는 것은 굉장히 쉬워보인다.

로그인 페이지 구현

1. Template 작성

templates ---> login.html 파일 생성

회원가입 페이지와 비슷한 구성이므로 register.html 을 복붙해와서 수정을 조금 해준다.

<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="/static/bootstrap.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
</head>

<body>
    <div class="container">
        <div class="row-mt5">
            <div class="col-12 text-center">
                <h1>로그인</h1>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-12">
                {{error}}
            </div>
        </div>
        <div class="row mt-5">
            <form method="POST" action=".">
                {% csrf_token %}
                <div class="form-group mb-3">
                    <label for="username" class="form-label">사용자 이름</label>
                    <input type="text" class="form-control" id="username" placeholder="사용자 이름" name="username">
                </div>
                <div class="form-group mb-3">
                    <label for="password" class="form-label">비밀번호</label>
                    <input type="password" class="form-control" id="password" placeholder="비밀번호" name="password">
                </div>
                <button type="submit" class="btn btn-primary">로그인</button>
            </form>
        </div>
    </div>

</body>

</html>

사용자 이름, 비밀번호만 남겨놓는다.

2. View 작성

community ---> user ---> views.py

def login(request):
    return render(request, 'login.html')

우선 login.html 과 연결해주었다.

3. Url 연결

community ---> user ---> urls.py

urlpatterns = [
	...
    path('login/', views.login),
]

어떤 주소를 연결했을 때 위에서 만든 view를 연결해 줄건지 작성하는 코드이다. 이렇게 작성하면 .../user/login/ 이라는 주소를 치면 로그인 페이지로 들어가게 된다.

우선 여기까지 해서 확인해보자.

해당 주소에 로그인 페이지가 생성되었다.

4. 로그인 기능 작성

--- check password

community ---> user ---> views.py

check_password import해서 비밀번호를 확인해준다.

def login(request):
    if request.method == 'GET':
        return render(request, 'login.html')
    elif request.method == 'POST':
        username = request.POST.get('username', None)
        password = request.POST.get('password', None)

        res_data = {}
        if not (username and password):
            res_data['error'] = "모든 값을 입력해주세요."
        else:
            fcuser = User.objects.get(username = username)
            if check_password(password, fcuser.password):
                pass
            
            else: 
                res_data['error'] = "비밀번호가 틀렸습니다."

        return render(request, 'login.html', res_data)

값을 모두 입력하지 않거나, 비밀번호를 틀리게 입력했을 경우 에러 메시지를 띄운다.

로그인에 성공했을 때는 우선 pass로 남겨놓고 확인을 해보자.

실험을 해보니 모두 잘 나오는 것을 볼 수 있다.

--- Session 활용하여 로그인

그다음 비밀번호 일치했을 때의 코드를 작성해준다. 여기서 세션을 활용한다.

community ---> user ---> views.py

 ...
 if check_password(password, fcuser.password):
                request.session['user'] = user.id 
                
                return redirect('/')
 ...

전 코드에서 pass부분만 고쳐준다. 비밀번호가 일치하면 로그인 처리를 해주는 코드이다. request.session은 딕셔너리 처럼 사용하면 된다. user라는 key에 user의 id 값을 넣어 주고, 페이지의 홈화면으로 가는 코드 redirect('/')를 작성해 주었다. 내부적으로 로그인이 되는 과정은 복잡해보였지만, 장고를 활용하면 이렇게 데이터 저장만 해주면 알아서 처리가 되기 때문에 편리하다.

community ---> user ---> views.py

home 함수를 작성해준다.

def home(request):
    user_id = request.session.get('user')
    if user_id:
        user = User.objects.get(pk=user_id)
        return HttpResponse(user.username + "님 환영합니다!")

    return HttpResponse("Home!")

session에서 저장해두었던 user key를 받아와 user_id에 저장해주고, 그에 해당하는 User모델 객체를 user에 저장한다. h로그인에 성공한다면 그 user의 username을 HttpResponse로 띄워주는 코드이다.

community ---> urls.py

이번엔 user안의 url이 아닌 community 안의 url 파일을 열어준다.

urlpatterns = [
   ...
    path('', home)
]

url에 아무것도 붙이지 않았을 때 home 뷰를 불러오는 코드까지 마쳤다. 확인해보자!

그냥 서버에 들어가면 Home!, 로그인을 하면 username이 잘 띄워진다.

*** 내부적으로는

개발자도구(F12) 를 키면 application 탭 ---> cookie ---> sessionid ---> 하나의 식별자 가 저장되어 있다.

웹페이지가 클라이언트를 식별하는 식별자인 것이다.

간단한 로그아웃 구현

community ---> user ---> view.py

logout 함수 작성

def logout(request):
    if request.session.get('user'):
        del (request.session['user'])

    return redirect('/')

간단하게 세션에 user 키값이 저장되어 있으면 그것을 지우는 코드이다.

user ---> urls.py

아직 화면을 구성하지 않았으므로 url에 logout 을 치면 로그아웃 되는 코드를 써준다.

urlpatterns = [
	...
    path('logout/', views.logout),
]

이제 .../user/logout 이라고 치면 로그아웃이 되고 홈화면으로 돌아가게 될 것이다.

결과

로그인이 된 채로 logout 주소를 쳤더니 성공했다!

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 7. Template 확장, 상속 (0)	2021.06.19
[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용 (0)	2021.06.19
[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성) (0)	2021.06.16
[DJANGO 기초] 3. Django admin, 개발 서버 활용 (0)	2021.06.14
[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리 (0)	2021.06.14

[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용

silversu 2021. 6. 19. 12:26

2021. 6. 19. 12:26

본 프로젝트는 패캠 강의를 참고 합니다.

<이전 글>

https://silvercoding.tistory.com/14

[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성)

본 프로젝트는 패캠 강의를 참고 합니다. <이전 글> https://silvercoding.tistory.com/13 https://silvercoding.tistory.com/12 https://silvercoding.tistory.com/11 [DJANGO 기초] 가상환경 설정 및 앱 생성..

silvercoding.tistory.com

CDN

부트스트랩 CDN은 Content Delivery Network의 약자로, 외부에 있는 CSS또는 Javascript주소를 가져올 수 있도록 해주는 서비스이다.

간략한 개념을 보고 넘어가도록 하자. CSS나 Javascript와 같은 파일이 원본 서버에 들어가있고 여러개의 서버로 분산되어 있는 것이다. 만약 우리나라에서 글로벌 서비스를 하게 되면 서버가 한국에 있게 되고, 그럼 원본이 한국에 있게 된다. 그렇게 되면 미국에 있는 사용자는 멀리 있는 서버 탓에 느린 서비스를 제공받게 된다. 그래서 중간에 여러 서버들을 두는 것이다. 나라별로 서버를 뿌려놓는 것이다. 이처럼 자신에게 빠른 곳으로 접속해서 받아가는 서비스가 CDN 이다.

본 프로젝트에서 쓰인 CSS 링크도 원본에 있는 데이터를 가져온 게 아니라 현재 pc에서 가장 빠른 서버에서 가져온 것이다.

(더 자세히 알아보려면)

CDN 참고 문서

https://docs.microsoft.com/ko-kr/azure/cdn/cdn-overview

CDN(콘텐츠 배달 네트워크)이란? - Azure

Azure CDN(Content Delivery Network) 무엇인지 알아보고 고대역폭 콘텐츠를 배달하는 방법을 알아봅니다.

docs.microsoft.com

기존에 이러한 CDN을 사용하여 CSS를 사용하였다. 이번 글에서는 CDN을 쓰지 않으면서 CSS를 적용하는 방법을 알아볼 것이다.

직접 만든 CSS 파일을 적용하려면

1. static 폴더 만들기

community ---> static 폴더 생성

생성한 static 폴더에서 css, javascript 파일 관리를 하게된다.

settings.py

...
import os

...

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

...

이미 STATIC_URL 작성되어있다. 이제 css파일에 접근했을 때 그게 어디파일에 있는지를 알려주어야 한다.

STATICFILES_DIRS = [] 리스트를 만들어 폴더를 넣어주면 된다. BASE_DIR 는 프로젝트 폴더인 community이고, 생성한 static 폴더와 join해준다. os를 import하는 것도 잊지 말자.

2. CSS 파일 준비

백엔드 중심의 프로젝트이므로 직접 CSS 파일을 만들지 않고 부트스트랩의 테마를 사용할 것이다.

<bootstrap 4.3 themes free>

https://bootswatch.com/

Bootswatch: Free themes for Bootstrap

Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility.

bootswatch.com

이곳에서 마음에 드는 테마를 골라서

bootstrap.min.css 를 다운받아준다.

다운받은 파일을 static폴더에 옮겨준다.

이제 모든 준비를 마쳤고, html에 적용해준 다음 결과 확인을 해본다.

3. html에 CSS 적용해주기

user ---> templates ---> register.html

원래 코드

...

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
</head>

...

CSS 테마 적용 코드

...

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="/static/bootstrap.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
</head>

...

link 태그만 바꾼다. static 폴더의 css 파일을 연결 해주면 된다.

모두 마친 후 서버에 들어가보면 이렇게 화려한 테마가 적용이 된 것을 볼 수 있다!

다음 글에서는 세션 및 로그인을 알아 보도록 한다.

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 7. Template 확장, 상속 (0)	2021.06.19
[DJANGO 기초] 6. 세션, 로그인 페이지 구현 (0)	2021.06.19
[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성) (0)	2021.06.16
[DJANGO 기초] 3. Django admin, 개발 서버 활용 (0)	2021.06.14
[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리 (0)	2021.06.14

[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성)

silversu 2021. 6. 16. 17:03

2021. 6. 16. 17:03

본 프로젝트는 패캠 강의를 참고 합니다.

<이전 글>

https://silvercoding.tistory.com/13

[DJANGO 기초] 3. Django admin, 개발 서버 활용

본 프로젝트는 패캠 강의를 참고 합니다. <이전 글> https://silvercoding.tistory.com/12 https://silvercoding.tistory.com/11 [DJANGO 기초] 가상환경 설정 및 앱 생성 프레임 워크 - 자주 사용되는 코드를..

silvercoding.tistory.com

Tamplate은 Bootstrap 을 이용하여 작성해준다.

작업을 할 때 저장하는 습관을 꼭 들여야 할 것 같다. 저장 안하고 페이지 실행해서 에러뜬것만 오천만번이다.

Bootstrap 이용을 위해 다음 링크에서 코드를 가져오면 된다.

https://getbootstrap.com/docs/5.0/getting-started/introduction/

Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.

getbootstrap.com

회원가입 창 만들기

1. Template 작성하기

user 폴더 ---> templates 폴더 ---> register.html

Getting started -- CSS 부분과 Javascript 부분을 head태그 안에 넣어준다. starter template 에서 meta태그도 가져와 준다.

<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">    

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
    </head>

    <body>
    </body> 

</html>

그럼 우선 이런 모양을 띈다.

Forms --- Overview 코드를 가져온다!

<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
    </head>

    <body>
        <div class="container">
            <div class="col-12 text-center">
                <h1>회원가입</h1>
            </div>
        </div>
        <div class="row">
            <form>
                <div class="mb-3">
                    <label for="exampleInputEmail1" class="form-label">Email address</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                    <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
                </div>
                <div class="mb-3">
                    <label for="exampleInputPassword1" class="form-label">Password</label>
                    <input type="password" class="form-control" id="exampleInputPassword1">
                </div>
                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" id="exampleCheck1">
                    <label class="form-check-label" for="exampleCheck1">Check me out</label>
                </div>
                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>
    </body>

</html>

회원가입 글씨 넣어주고 그 밑에 회원가입 form을 넣어주었다.

폴더에 저장된 register.html 을 열어보면 다음과 같이 실행이 된다.

디자인이 마음에 안드니 바꾸어 준다.

- 한글로 바꾸기, container 적용, placeholder 작성해주기

<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
</head>

<body>
    <div class="container">
        <div class="row-mt5">
            <div class="col-12 text-center">
                <h1>회원가입</h1>
            </div>
        </div>
        <div class="row mt-5">
            <form>
                <div class="form-group mb-3">
                    <label for="username" class="form-label">사용자 이름</label>
                    <input type="text" class="form-control" id="username" placeholder="사용자 이름">
                </div>
                <div class="form-group mb-3">
                    <label for="password" class="form-label">비밀번호</label>
                    <input type="password" class="form-control" id="password" placeholder="비밀번호">
                </div>
                <div class="form-group mb-3">
                    <label for="re-password" class="form-label">비밀번호 확인</label>
                    <input type="password" class="form-control" id="re-password" placeholder="비밀번호 확인">
                </div>
                <button type="submit" class="btn btn-primary">등록</button>
            </form>
        </div>
    </div>

</body>

</html>

원하는 대로 작성이 완료 되었다.

2. View 작성하기

- community ---> user ---> views.py

from django.shortcuts import render

def register(request):
    return render(request, "register.html")

- community --> urls.py

urlpatterns = [
    ...
    path('user/', include('user.urls'))

]

urlpatterns 안에 user 경로를 지정해준다.

- community ---> user ---> urls.py

user 폴더 안에 urls.py를 생성한다.

from django.urls import path
from . import views


urlpatterns = [
    path('register/', views.register)
]

views.py의 register 함수를 import 하여 전달해준다. 이렇게 작성을 해놓으면 .../user/register 경로를 치면 register.html이 렌더링 될 것이다.

- 개발자 서버 들어가보기

터미널

python manage.py runserver

이제 서버로 들어가서 확인을 해보자.

터미널에 뜨는 주소 뒤에 /user/register 작성을 해준다.

그러면 이렇게 잘 연결이 된 것을 볼 수 있다.

데이터를 파이썬 쪽으로 전달

주소를 쳐서 회원가입 창으로 들어갈 수 있게 되었으니, 이제는 POST요청을 하여 데이터를 서버로 전달해주는 작업을 해야한다.

1. Template 작성하기

community ---> user ---> register.html

  ...
  		 <form method="POST" , action=".">
                    {% csrf_token %}
                    <div class="form-group mb-3">
                        <label for="username" class="form-label">사용자 이름</label>
                        <input type="text" class="form-control" id="username" placeholder="사용자 이름" name="username">
                    </div>
                    <div class="form group mb-3">
                        <label for="password" class="form-label">비밀번호</label>
                        <input type="password" class="form-control" id="password" placeholder="비밀번호" name="password">
                    </div>
                    <div class="form group mb-3">
                        <label for="re-password" class="form-label">비밀번호 확인</label>
                        <input type="password" class="form-control" id="re-password" placeholder="비밀번호 확인" name="re-password">
                    </div>
                    <button type="submit" class="btn btn-primary">등록</button>
                </form>
  ...

데이터를 파이썬 쪽으로 전달해주는 코드이다. POST method로 전달하고, action="."은 현재 주소로 전달하겠다는 뜻이다.

form 안에 {% csrf_token %} 이것을 꼭 넣어주어야 한다.

form 은 data 를 서버에 전달하는 것인데, 안좋게 사용하는 사람들이 다른 웹사이트에서 데이터 전달을 하는 경우가 있기 때문에 이를 방지하기 위한 코드라고 한다. 크로스 도메인을 막기 위해 암호화된 키를 숨겨놓는다. 그래서 키가 없으면 잘못된 요청으로 받아들여 요청을 거절하게 된다. 필수적인 코드이기 때문에 안써주면 에러가 난다!

그리고 input 태그에 name 속성도 추가해준다. 이 name 값으로 정보가 전달이 될 것이다.

2. View 작성하기

community ---> user ---> view.py

from django.shortcuts import render
from .models import User

def register(request):
    if request.method == 'GET':
        return render(request, "register.html")
    elif request.method == 'POST':
        username = request.POST['username']
        password = request.POST['password']
        re_password = request.POST['re-password']

    user = User(
                Username = username,
                password = password
            )

    user.save()

    return render(request, "register.html")

요청 방법이 GET일 때와 POST 일 때를 다르게 작성해 주어야 한다.

여기까지 해서 silver 123456 으로 회원가입을 하고 admin에 들어가 보니 user 생성이 잘 되어있다.

3. 비밀번호 확인하기

community ---> user ---> view.py .py

from django.shortcuts import render
from .models import User

def register(request):
    if request.method == 'GET':
        return render(request, "register.html")
    elif request.method == 'POST':
        username = request.POST['username']
        password = request.POST['password']
        re_password = request.POST['re-password']

        res_data = {}

        if password != re_password:
            res_data['error'] = "비밀번호가 다릅니다."
        else:
            user = User(
                Username = username,
                password = password
            )

            user.save()
            
        return render(request, "register.html", res_data)

res_data라는 dictionary를 생성해주고 password와 re_password의 값이 다르면 res_data의 키값을 error, value값을 문자열로 저장해준다. 그다음 render 함수에 res_data를 전달해 준다.

community ---> user ---> register.html

...
	<div class="row-mt5">
            <div class="col-12 text-center">
                <h1>회원가입</h1>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-12">
                {{error}}
            </div>
        </div>
...

그다음 회원가입 밑에 에러 문자열을 그려줄 부분을 하나 만든다. {{}} 안에 res_data의 키 값을 넣어주면 된다.

register.html 을 랜더링을 할때 res_data라는 값을 넘기면 res_data의 키와 {{error}}가 매핑이 된다.

--- 확인해보기

비밀번호를 다르게 치면 위와같이 나오는 것을 확인 해 보았다.

4. 모든 값이 입력되지 않았을 때 처리 & 비밀번호 암호화

위에까지 작업을 마쳤을 때 문제점이 있다.

사용자 이름, 비밀번호, 비밀번호 확인을 작성하지 않아도 에러 메시지가 뜨지 않으며,

사진과 같이 비밀번호가 공개되므로 문제가 될 수 있다. 따라서 비밀번호 암호화까지 작성을 해준다.

community ---> user ---> view.py .py

from django.shortcuts import render
from .models import User
from django.contrib.auth.hashers import make_password

def register(request):
    if request.method == 'GET':
        return render(request, "register.html")
    elif request.method == 'POST':
        username = request.POST.get('username', None) ## 기본 값 설정
        password = request.POST.get('password', None)
        re_password = request.POST.get('re-password', None)

        res_data = {}


        if not (username and password and re_password):
            res_data['error'] = "모든 값을 입력해주세요."
        elif password != re_password:
            res_data['error'] = "비밀번호가 다릅니다."
        else:
            user = User(
                Username = username,
                password = make_password(password)
            )

            user.save()
            
        return render(request, "register.html", res_data)

최종적으로 이렇게 작성 완료. makepassword를 import하여 password를 넣어주면 비밀번호 암호화가 된다. 그리고 request.POST에 get함수를 이용하여 기본 값을 None으로 설정해준다. 그다음 username, password, re_password를 and로 연결해주어 하나라도 작성이 되지 않으면 error 메시지가 뜨게 작성해준다.

결과 확인

모든 값을 입력하지 않았더니 에러 메시지가 뜬다.

silver2로 가입을 다시 해주었더니 암호화된 비밀번호로 뜨는 것을 알 수 있다.

--- 여기서 model의 field(ex, 사용자 이메일) 를 추가하기 위한 절차 (포스팅은 생략)

model field 작성 ---> migration ---> register.html 작성 ---> view.py 작성

사용자 이메일 field를 추가한 결과이다.

정말 긴 여정이었다. 다음에는 static 파일 관리와 CDN 에 대하여 알아볼 예정이다.

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 6. 세션, 로그인 페이지 구현 (0)	2021.06.19
[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용 (0)	2021.06.19
[DJANGO 기초] 3. Django admin, 개발 서버 활용 (0)	2021.06.14
[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리 (0)	2021.06.14
[DJANGO 기초] 1. 가상환경 설정 및 앱 생성 (0)	2021.06.13

[DJANGO 기초] 3. Django admin, 개발 서버 활용

silversu 2021. 6. 14. 16:47

2021. 6. 14. 16:47

본 프로젝트는 패캠 강의를 참고 합니다.

<이전 글>

https://silvercoding.tistory.com/12

[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리

본 프로젝트는 패캠 강의를 참고 합니다. <이전 글> https://silvercoding.tistory.com/11 [DJANGO 기초] 가상환경 설정 및 앱 생성 프레임 워크 - 자주 사용되는 코드를 체계화 하여 쉽게 사용할 수 있도록 도

silvercoding.tistory.com

admin이 무엇인가?

admin은 django를 사용하면 기본적으로 생성이 되어있다. 이를 확인해 보자.

1. community 폴더 ---> settings.py

INSTALLED_APPS에 기본적으로 들어가 있다. (가장 첫번째 줄)

2. community 폴더 ---> urls.py

여기에도 기본적으로 admin 이 생성되어 있다.

jango 안의 admin이 경로 admin 아래에 연결되어 있다.

관리자 페이지에서 여러 url들을 사용하기 때문에 jango의 admin 안에 여러가지 url 들이 정의가 되어있다. 이러한 사용되는 url들이 jango의 admin안에 정의가 되어있다는 소리이고, 그것들을 프로젝트 안에서 admin/ 경로 하위에 지정을 해놓는 것이다.

주소를 입력할 때 (ex) silver.com/admin/..... 이렇게 사용한다면 ---> admin 하위에 들어가는 주소들(.....) 은 admin.site.urls 안에 정의된 url을 따라가는 것이다.

단순하게 말하면 주소뒤에 admin을 붙이면 장고의 관리자 도구를 사용할 수 있다는 뜻이다. 복잡하니 이렇게 이해하는 것도 좋을 것 같다.

개발 서버에 들어가보자

터미널

python manage.py runserver

이렇게 작성해주면 개발서버가 실행된다.

starting development ---- 뒤에 주소가 나온다. 이 주소/admin을 주소창에 치면

아이디 패스워드를 만들어준 적이 없는데 로그인을 하라고 한다.

그래서 이걸 만들어 주어야 한다

개발서버는 ctrl + c 로 종료 할 수 있다.

- 아이디 패스워드 만들기

터미널

python manage.py createsuperuser

이걸 쳐서 아이디, 패스워드를 만들어 준다.

그다음 다시 실행시켜 로그인하면 기본적으로 이러한 창이 생겨져있다.

Users에 들어가보면 방금 만든 user정보가 들어가져 있다.

장고 admin에 만든 model 등록

1. user 폴더 --> admin.py

...
from .models import User

class userAdmin(admin.ModelAdmin):
    pass

admin.site.register(User, userAdmin)

User 클래스를 import 해주고, 관리자에 쓸 내용들을 기입한다.

----> runserver 다시 실행 후 들어가보면

만든 모델이 적용되었다.

User 의 Users에 Add 버튼을 눌러서 사용자를 한개 추가해준다.

그러면 이렇게 생성이 된다. 그런데 Users는 위의 Users와 같아 혼동되기도 하고, 관리하기 좋게 한글로 바꾸어줄 것이다. User object (1) 이라고 적혀있는 것은 Username으로 바꾸어주는 것이 좋을 것 같다.

2. Users 글씨 바꿔주기

user 폴더 ---> models.py ---> class Meta

from django.db import models

class User(models.Model):
    
    
    ...
    

    class Meta:
        db_table = 'test_user'
        verbose_name = "사용자" 
        verbose_name_plural = "사용자"  ## 복수형 지정

지난 글에서 작성했던 Meta 클래스에서 verbose_name을 설정해주면 된다!

3. User object 글씨 바꿔주기

user 폴더 ---> models.py ---> def __str__(self)

class User(models.Model):
    
	...

    def __str__(self):
        return self.Username

이번에는 model.py 에 함수를 하나 작성해준다.

전에 User object (1) 라고 사용자가 저장이 되어있었는데, 이는 User클래스를 문자열로 변환했을 때 나오는 값이다. 이 때 클래스를 문자로 변환할 때 어떤 문자로 변환시켜줄 지 정하는 내장함수가 __str__ 인 것이다.

user 폴더 ---> admin.py ---> class userAdmin

...

class userAdmin(admin.ModelAdmin):
    list_display = ('Username', 'password')
    
...

전에 pass로 남겨뒀던 부분을 list_display 튜플을 작성해주면 이 튜플 안에 있는 사용자의 정보가 나타나게 된다. 사용자명만 보였던 것이 비밀번호도 함께 보여질 것이다.

이렇게 까지 해서

최종화면

지정한 대로 모두 잘 변한 것을 볼 수 있다.

다음에는 MTV 구조에서 T, V 작성을 해볼 것이다!

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 6. 세션, 로그인 페이지 구현 (0)	2021.06.19
[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용 (0)	2021.06.19
[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성) (0)	2021.06.16
[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리 (0)	2021.06.14
[DJANGO 기초] 1. 가상환경 설정 및 앱 생성 (0)	2021.06.13

[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리

silversu 2021. 6. 14. 13:58

2021. 6. 14. 13:58

본 프로젝트는 패캠 강의를 참고 합니다.

<이전 글>

https://silvercoding.tistory.com/11

[DJANGO 기초] 가상환경 설정 및 앱 생성

프레임 워크 - 자주 사용되는 코드를 체계화 하여 쉽게 사용할 수 있도록 도와주는 코드 집합 - 라이브러리와 혼동될 수 있지만 좀 더 규모가 크고 프로젝트의 기반이 됨 - 건축에 비유하면 구조

silvercoding.tistory.com

처음 사용하는 DJANGO인데다 강의 내용대로 하면 안되는 부분도 있어서 진행속도 마치 거북이!

----이전 글에서 했던 것 점검

가상환경 생성 및 적용
django 설치
project 생성 (community) ---> 이번 글의 터미널 에서 입력할 때 파일 끝이 community로 되어있어야 한다. (cd community로 들어갈 수 있음)
app 생성 (board, user)
app 등록 ☆☆☆ (app등록이 되어있어야 migration 가능/ settings.py 에서 등록 가능)

이번 작업은 위의 상태에서 시작한다. 잘 안되는 게 있으면 침착하게 점검 해보기.

MTV 구조에서 Model 만들기

1. 모델 작성

user 폴더 -----> model.py

class User(models.Model):
    Username = models.CharField(max_length=64,
    verbose_name="사용자명")

    password = models.CharField(max_length=64,
    verbose_name="비밀번호")

    registered_dttm = models.DateTimeField(auto_now_add=True,
    verbose_name="등록시간")

    class Meta:
        db_table = 'test_user'

클래스 안의 Meta클래스를 작성하여 테이블 이름을 지정해 준다.

2. 모델 등록

터미널

python manage.py makemigrations user

바로 했더니 app이 없다고 에러(;;)가 나길래 이전 글에서 앱 등록을 해주었던 settings.py를 실행 시키고, models.py도 실행시킨 후 다시 작성해주었더니

Create model User 완료

터미널

python manage.py migrate

이렇게 나오면 성공

이제 sqlite에 들어가서 등록한 table을 확인해 본다.

sqlite 삽질

sqlite3 db.sqlite3

강의에선 이렇게 작성하였고, 나는 실행할 수 없는 명령어! 오류가 났다. 구글링 해보니 환경변수 path 설정 관련 문제인 것 같은데 시간이 없어서 기각! 다른 방법을 찾아봤다. 퍽하면 이 에러가 나니 한번쯤 조치를 취해주어야겠다.

python manage.py dbshell

이러한 방법도 있었다. 오 그랬더니

CommandError: You appear not to have the 'sqlite3' program installed or on your path.

이러한 에러가 났다. 그래도 이건 구글링 해보니 간단하게 해결할 수 있어보여서 이 방법으로 채택!

----> 에러 해결 방법
https://www.sqlite.org/download.html 에서
sqlite-tools-win32-x86-3350500.zip 설치

압축 풀고 sqlite3.exe를 db.sqlite3가 있는 폴더 안에 넣어준다.

두근두근 다시 입력해줬더니

python manage.py dbshell

드디어 sqlite에 들어가진다.

간단한 sqlite 사용

1. table 확인

.table

test_user도 들어가 있는 것을 볼 수 있다.

2. schema 확인

.schema test_user

모델 작성에서 생성했던 field들이 잘 나오면 성공

3. model field내용 변경 후 확인해보기

class User(models.Model):
    Username = models.CharField(max_length=32,
    verbose_name="사용자명")

    password = models.CharField(max_length=64,
    verbose_name="비밀번호")

    registered_dttm = models.DateTimeField(auto_now_add=True,
    verbose_name="등록시간")

    class Meta:
        db_table = 'test_user'

Username의 max_length를 32로 바꾸고 적용해보자.

우선 sqlite에서 빠져나오려면

.q

를 작성해주면 된다.

이제 앞의 내용과 똑같이 해주면 된다.

model 바꾸고 실행을 안시키고 다음을 작성하면

python manage.py makemigrations user

No changes detected in app 'user' 이런게 뜬다. 실행을 시키고 다시 작성해주면 정상적으로 Alter field Username on user 라는 메시가 뜬다. (실행을 안시켜도 되는 방법을 알려주신다면 감사합니다)

python manage.py migrate

그다음 똑같이 migrate 를 작성해주고 sqlite에 다시 들어가서 확인 해보면

위와 같이 Username varchar(32)로 변경된 것을 볼 수 있다.

이렇게 makemigrations 와 migrate를 이용하여 지속적으로 db에 적용이 가능하다.

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 6. 세션, 로그인 페이지 구현 (0)	2021.06.19
[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용 (0)	2021.06.19
[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성) (0)	2021.06.16
[DJANGO 기초] 3. Django admin, 개발 서버 활용 (0)	2021.06.14
[DJANGO 기초] 1. 가상환경 설정 및 앱 생성 (0)	2021.06.13

[DJANGO 기초] 1. 가상환경 설정 및 앱 생성

silversu 2021. 6. 13. 22:24

2021. 6. 13. 22:24

프레임 워크

- 자주 사용되는 코드를 체계화 하여 쉽게 사용할 수 있도록 도와주는 코드 집합

- 라이브러리와 혼동될 수 있지만 좀 더 규모가 크고 프로젝트의 기반이 됨

- 건축에 비유하면 구조를 만드는 골조가 프레임 워크라면 그 외 자재들이 라이브러리가 됨

웹개발에 필요한 기본적인 구조와 코드(클래스, 함수 등) 가 만들어져 있음

Django 문서

https://docs.djangoproject.com/ko/3.2/intro/

시작하기 | Django 문서 | Django

Django The web framework for perfectionists with deadlines. Overview Download Documentation News Community Code Issues About ♥ Donate

docs.djangoproject.com

본 프로젝트는 패캠 강의를 참고 합니다.

가상환경 설정 (visual studio code)

강의 내용대로 따라하다가 안돼서 삽질하다가 구글링 해서 가상환경 생성을 해주었다.

우선 폴더를 열어준다.

그다음 보기에서 터미널 클릭

python -m venv testvenv

터미널에 위의 코드를 쳐주면 다음과 같이 testvenv 폴더가 생성된다.

window에서는 F1 또는 Ctrl+Shift+P를 누르고, Python Select Interpreter 를 입력 후 해당하는 가상환경을 선택해 준다.

testvenv 선택!

그다음 우측 상단 + 버튼을 누르면 testvenv 가상환경 설정이 된다.

DJANGO 설치 후 app 만들기

1. django 설치

pip install django

터미널에 입력하기

2. project 생성

django-admin startproject community

community 자리에 원하는 폴더 이름을 작성한다. 그럼 community 폴더가 하나 만들어져 있을 것이다.

3. app 생성

community 안에 앱을 만드는 방법

cd community

community 폴더 안으로 들어간다.

django-admin startapp board
django-admin startapp user

마찬가지로 django-admin명령어를 사용한다. board, user자리에 원하는 이름 쓰기.

이를 실행하면 community 폴더 안에 board, user 폴더가 생긴다.

*** mtv 구조 (Model, template, view) 를 사용하기 위해 templates 폴더를 생성해준다.

3. app 등록

마지막으로 app을 등록해 주어야 한다.

community 폴더 안에 있는 settings.py 를 들어가서

INSTALLED_APPS = [
   
     ...,
   
    'board',
    'user'
]

INSTALLED_APPS 리스트 안에 app 폴더 이름을 작성해 주면 된다.

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 6. 세션, 로그인 페이지 구현 (0)	2021.06.19
[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용 (0)	2021.06.19
[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성) (0)	2021.06.16
[DJANGO 기초] 3. Django admin, 개발 서버 활용 (0)	2021.06.14
[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리 (0)	2021.06.14

PREV 이전 1 NEXT 다음

🤍

웹/Django

[DJANGO 기초] 7. Template 확장, 상속

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 6. 세션, 로그인 페이지 구현

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 5. Static 파일 관리, 부트스트랩 CSS 테마 적용

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 4. 회원가입 페이지 만들기 (MTV 구조 - T, V 작성)

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 3. Django admin, 개발 서버 활용

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 2. MTV의 Model 생성, sqlite db 기본적인 관리

'웹 > Django' 카테고리의 다른 글

[DJANGO 기초] 1. 가상환경 설정 및 앱 생성

'웹 > Django' 카테고리의 다른 글

+ Recent posts

티스토리툴바