-
[Django] 웹 페이지 만들기 2 (페이지 출력 확인)Programming/Django 2021. 12. 13. 14:24728x90
django 세팅은 아래 url을 참고해주세요!
- 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'Programming > Django' 카테고리의 다른 글
[Django] Bootstrap5 vscode 적용하기 (0) 2022.08.31 [Django] Bootstrap5 정의 및 적용하기1 (0) 2022.08.31 [Django] postgreSQL 연동 (0) 2021.12.27 [Django] 웹 페이지 만들기 1 (Django 웹 프레임 워크 세팅) (0) 2021.12.13 [Django] Django 시작하기 (설치) (0) 2021.12.07