[단국대] 멋쟁이 사자처럼 9기 정규세션 3주차 - Django 기초

Django 교육 내용 필기 (과제)

• Django 시작
  • python –m venv[가상환경명] : 가상환경 생성
  • source[가상환경명]/Script/active : 가상환경 실행
  • pip install django : django 다운로드
  • django-admin startproject[프로젝트이름] : 프로젝트 생성
  • python manage.py startapp 앱이름 : App 생성 ( App이란, Django 프로젝트를 이루는 작은 단위 ex) 네이버메일, 네이버쇼핑 등 )
  • python manage.py runserver : 서버 기동
• 디렉터리 구조
  • 절대 경로 : 루트 디렉터리(/)부터 시작해 원하는 파일의 경로를 모두 표현하는 것
    ex) \Users\Desktop\likelion_9th_study\lion.jpg
  • 상대 경로 : 현재 디렉터리(.)부터 시작해 단계적으로 원하는 파일의 경로를 표현한 것
    ex) ..\likelion_9th_study\lion.jpg
• 명령어
  • pwd : 현재 위치
  • man : 명령어 설명서
  • ls : 디렉터리 목록
  • cd : 현재 위치 이동
  • clear : 터미널 청소
• MTV 패턴
  • Model(beckend), Templete(frontend), View(backend)
  • Templete : 사용자가 보이는 영역 -> HTML / CSS / 템플릿 언어
  • Model : Database(DB)
  • View : 데이터를 처리하는 곳
• Git
  • Git : 자신이 작업한 코드
  • Github : 자신이 작업한 코드를 공유
  • 저장할 파일 선택 (git add) -> 선택한 파일 저장 (git commit)
  • 업로드: git init -> git add -> git commit –m “messege” -> git remote add [remote 이름] [repository 주소] -> git push [remote이름] [branch 이름]
• 웹 페이지 구동 순서
  • 사용자가 서버에 요청
  • 서버의 view는 model에게 요청에 필요한 데이터를 받음
  • view는 받은 데이터를 적절하게 처리해서 template으로 넘김
  • template은 받은 정보를 사용자에게 보여줌

 

실습) 사용자 이름 받아서 출력하는 웹

왼쪽의 welcome.html 페이지에서 사용자의 이름을 입력하여 제출하면 오른 쪽의 hello.html 페이지로 넘어가 "반갑습니다! [이름]님" 가 출력되게끔 하는 실습을 진행하였다.

welcome.html에서 input 박스에 적혀 있는 내용을 hello.html의 인자로 전달하는 것이 관건이었다.

위 실습의 코드 작성 순서는 다음과 같다.

1. App 생성하기
   • 터미널에서 python manage.py startapp fisrtapp 로 App 생성
   • firstproject>firstproject>settings.py의 INSTALLED_APPS 리스트에 'firstapp.apps.FirstappConfig' 추가
2. welcome.html - Template 생성하기
   • fisrtapp 폴더 아래 templates 폴더 생성
   • templates 폴더 아래 welcome.html 파일 생성 후 코드 작성

   • <div style="text-align: center">
         <h1>사용자의 이름을 입력해주세요</h1>
         <br>
         <form action="">
             <label for="nameInput">이름 : </label>
             <input id="nameInput" name="name">
             <input type="submit" value="제출">
         </form>
     </div>

3. Welcome - View 생성하기
   • firstproject>firstapp>views.py에 welcome.html 페이지를 render해주는 welcome 함수 작성

   • def welcome(request):
         return render(request, "welcome.html")

4. Welcome – URL 연결하기
   • firstproject>firstproject>urls.py에 views를 import한 후 urlpatterns 리스트에 views.py의 welcome 함수와 연결되는 path 추가

   • from django.contrib import admin
     from django.urls import path
     from firstapp import views  #
     
     urlpatterns = [
         path('admin/', admin.site.urls),
         path('', views.welcome, name="welcome"), # 
     ]

5. hello.html - Template 생성하기
   • templates 폴더 아래 hello.html 파일 생성 후 코드 작성
   • views.py에서 전달받은 인자 {{userName}}

   • <div style="text-align: center">
         <h1>반갑습니다! {{userName}}님</h1>
     </div>

6. Hello - View 생성하기
   • firstproject>firstapp>views.py 에 hello.html 페이지를 render해주는 hello 함수 작성
   • welcome.html로부터 userName을 가져와 hello.html render 시 인자로 전달

   • def hello(request):
         userName = request.GET['name']
         return render(request, "hello.html", {'userName' : userName})

7. Hello - URL 연결하기
   • firstproject>firstproject>urls.py의 urlpatterns 리스트에 views.py의 hello 함수와 연결되는 path 작성

   • urlpatterns = [
         path('admin/', admin.site.urls),
         path('', views.welcome, name="welcome"),
         path('hello/', views.hello, name="hello"), #
     ]

8. welcome.html 수정
   • welcome.html에서 input 값(이름)이 제출되면 'hello' url을 통해 hello.html로 전달될 수 있도록 form태그의 action 속성을 'hello'으로 지정

   • <form action="hello">
         <label for="nameInput">이름 : </label>
         <input id="nameInput" name="name">
         <input type="submit" value="제출">
     </form>
     

 

전체 실습 코드는 아래 깃허브에서 확인할 수 있다.

https://github.com/J1Yun/likelion/tree/main/3.%20Django/helloUser

J1Yun/likelion