ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Django] 웹 페이지 만들기 2 (페이지 출력 확인)
    Programming/Django 2021. 12. 13. 14:24
    728x90

    django 세팅은 아래 url을 참고해주세요!

    https://code-space.tistory.com/entry/Django-%EC%9B%B9-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-1-Django-%EC%9B%B9-%ED%94%84%EB%A0%88%EC%9E%84-%EC%9B%8C%ED%81%AC-%EC%84%B8%ED%8C%85?category=974774

     

    [Django] 웹 페이지 만들기 1 (Django 웹 프레임 워크 세팅)

    저는 visual studio code에 django를 사용해서 웹 페이지를 만들어 보겠습니다. visual sutdio code에 python과 django 설치를 안하셨다면 먼저 설치 진행해주세요! https://code-space.tistory.com/entry/Python-..

    code-space.tistory.com

     


    • django Project Name   : SimpleWeb
    • Sub App Name           : main

    < project Structure>

    DJANGOSTUDY
    │  
    ├─myenv                        (python 가상 환경)

    ├─SimpleWeb                  (django project)

    │  ├─SimpleWeb             (SimpleWeb 프로젝트 config 설정)
    │  │  │  ├─__pychache__  
    │  │  │  ├─__init__.py      (빈 파일. 파이썬에게 이 디렉토리를 하나의 파이썬 패키지로 다루도록 지시)

    │  │  │  ├─asgi.py          (파이썬 비동기 웹앱과 서버가 서로 통신하기 위한 표준, 

    │  │  │  │                            ├─WSGI : 동기식 파이썬 앱에 대한 표준 제공

    │  │  │  │                            ├─ASGI : 비동기식 앱과 동기식 앱 모두에 대한 표준을 제공

    │  │  │  ├─settings.py     (website의 모든 설정을 포함,  개발하는 모든 어플리케이션,

    │  │  │  │                          정적 파일 위치, 데이터베이이스 세부 설정 등을 등록)

    │  │  │  ├─urls.py           ( URL과 View 연결)

    │  │  │  ├─wsgi.py          ( Django application이 web server와 연결 및 소통하도록 하는 역할)

    │  ├─main              (sub app)
    │  │  │  ├─migrations/     (model을 수정 시 자동으로 DB 업데이트 기능을 지원하는

    │  │  │  │                                       마이그레이션 파일들을 저장할 폴더)
    │  │  │  ├─__init__.py       (django/python 이 폴더를 파이썬 패키지로 인식하게 할 빈 파일,

    │  │  │  │                       프로젝트의 다른 부분에서 객체(object)를 사용할 수 있게 함)

    │  │  │  ├─addmin.py

    │  │  │  ├─apps.py

    │  │  │  ├─models.py

    │  │  │  ├─tests.py

    │  │  │  ├─views.py

    │  ├─db.sqlite3 (db)

    │  ├─manage.py               (어플리케이션 생성, DB와 작업, 개발 웹 서버를 시작하기 위해 사용)

     

    1.  SimpleWeb(django project)이 main(sub app)을 인식할 수 있도록 매핑

       : SimpleWeb 에 main 추가

       >  ..\SimpleWeb\SimpleWeb\settings.py 파일안에

            INSTALLED_APPS 에 main 항목을 추가합니다.

     

    2. 간단한 html 페이지 만들기

     (1) sub app 하위에 templates 폴더를 생성하고, 그 하위에 [sub app name] 으로 폴더도 생성합니다.

      > ..\main\templates\main

     

      (2) test.html 파일을 만듭니다.

          간단히 출력만 확인해보기 위해 

          <h1> Hello World </h1> 을 입력합니다.

     

    3. 페이지 실행을 위한 함수 작성

     ..\main\view.py

     test 함수가 호출되면 "main/test.html" 이 실행되는 코드를 작성하겠습니다.

     

    4. main 에 urls.py 파일 생성

      (1) path를 설정하기 위해  ..\[sub app name]\urls.py 를 생성합니다. 

       (sub app 폴더에는 urls.py가 없습니다.)

     

       (2) urls.py 에 views.py 에서 작성한 함수 이름을 매핑시켜줍니다.

           마지막에 , (콤마) 를 꼭 해주세요.

     

    5. SimpleWeb config설정에서 main.urls 매핑

      ..\SimpleWeb\SimpleWeb\urls.py  파일에

      sub app인 main의 urls 파일을 인식할 수 있도록 설정합니다.

     

    6. django project 실행

    "python manage.py runserver" 명령어를 실행하고

    http://127.0.0.1:8000/ url을 "ctrl + click" 합니다.

       Web Page를 구동시키는 것을 확인할 수 있습니다.

       test.html에 작성했던 "Hello World"가 잘 출력됩니다.

     

        http://127.0.0.1:8000/admin 을 url에 입력하면 admin login 창이 나옵니다.

     

    로그인 성공을 하면 아래와 같은 화면이 나옵니다.

    728x90

    댓글

© 2022. code-space ALL RIGHTS RESERVED.