[Django] SNS 프로젝트 - 화면 띄우기(회원가입, 로그인)

Template

Template의 html파일들이 결과적으로 사용자에게 보여지는 화면이 된다.

1. 폴더 및 파일 생성
   • 뼈대가 되는 base.html 파일과 user 템플릿 폴더 생성
2. 
3. html 만들기
   • base.html을 보면 상단에 네비게이션바가 있는 화면임을 알 수 있다.
   
   • signin.html의 첫줄은 이러한 base.html 파일에다가 이어서 작성해줄 것이라는 뜻의 장고 문법이다. (signup.html 파일도 마찬가지)
4. 

Urls

1. 프로젝트 폴더의 urls.py ⇒ app폴더의 urls.py로 위임
   • include 함수를 import 목록에 추가
   • urlpatterns 리스트에 path('빈경로', include('<app 폴더명>.urls')) 추가이는 사용자가 접속한 경로를 <app 폴더명>.urls 로 연결하라는 뜻이므로
   • (빈경로는 http 메인주소 자체를 나타냄. 즉, 접속했을 시 주소 또는 관리자 페이지를 제외한 모든 주소)
   • 프로젝트 폴더 안의 urls.py 파일 복붙하여 <app 폴더명> 아래 urls.py 파일을 생성
   • 이렇게 해서 생성한 app 폴더 안의 urls.py 에서 구체적인 하위 경로들을 설정해주게 된다.
   • 참고로 ‘admin/’은 장고에서 기본적으로 제공하는 관리자 페이지임
   • 이부분은 뭐지?
   • path('test/', views.base_response, name='first_test') path('first/', views.first_view, name='first_view')
2. 
3. app폴더 views.py ⇒ tamplete로 위임

   def sign_up_view(request):
       return render(request, 'templates/user/signup.html')
   

   • render : 해당하는 html 파일을 연결해주는 함수
   • view 함수 정의 : 인자값으로 request를 넣어주며, return 값으로서의 render 함수에는 첫번째 인자값으로 request를 받고 두번째 인자값으로 위임하길 원하는 template 파일 경로를 넣어준다.
4. 
5. app폴더 urls.py ⇒ app폴더 views.py로 위임
   • 복붙한 app 폴더의 urls.py 파일에서 불필요한 내용을 일단 다 지우고, 처리할 각각의 하위 경로들을 일단 추가해준다.
6. 
7. 서버 실행해서 html 화면 확인해보기
8. 코드를 제대로 작성했다면 /signin과 /signup으로 접속 시 아래와 같은 화면이 나온다.

Template

Template의 html파일들이 결과적으로 사용자에게 보여지는 화면이 된다.

1. 폴더 및 파일 생성
   • 뼈대가 되는 base.html 파일과 user 템플릿 폴더 생성
2. 
3. html 만들기
   • base.html을 보면 상단에 네비게이션바가 있는 화면임을 알 수 있다.
   
   • signin.html의 첫줄은 이러한 base.html 파일에다가 이어서 작성해줄 것이라는 뜻의 장고 문법이다. (signup.html 파일도 마찬가지)
4. 

Urls

1. 프로젝트 폴더의 urls.py ⇒ app폴더의 urls.py로 위임
   • include 함수를 import 목록에 추가
   • urlpatterns 리스트에 path('빈경로', include('<app 폴더명>.urls')) 추가이는 사용자가 접속한 경로를 <app 폴더명>.urls 로 연결하라는 뜻이므로
   • (빈경로는 http 메인주소 자체를 나타냄. 즉, 접속했을 시 주소 또는 관리자 페이지를 제외한 모든 주소)
   • 프로젝트 폴더 안의 urls.py 파일 복붙하여 <app 폴더명> 아래 urls.py 파일을 생성
   • 이렇게 해서 생성한 app 폴더 안의 urls.py 에서 구체적인 하위 경로들을 설정해주게 된다.
   • 참고로 ‘admin/’은 장고에서 기본적으로 제공하는 관리자 페이지임
   • 이부분은 뭐지?
   • path('test/', views.base_response, name='first_test') path('first/', views.first_view, name='first_view')
2. 
3. app폴더 views.py ⇒ tamplete로 위임

   def sign_up_view(request):
       return render(request, 'templates/user/signup.html')
   

   • render : 해당하는 html 파일을 연결해주는 함수
   • view 함수 정의 : 인자값으로 request를 넣어주며, return 값으로서의 render 함수에는 첫번째 인자값으로 request를 받고 두번째 인자값으로 위임하길 원하는 template 파일 경로를 넣어준다.
4. 
5. app폴더 urls.py ⇒ app폴더 views.py로 위임
   • 복붙한 app 폴더의 urls.py 파일에서 불필요한 내용을 일단 다 지우고, 처리할 각각의 하위 경로들을 일단 추가해준다.
6. 
7. 서버 실행해서 html 화면 확인해보기
8. 코드를 제대로 작성했다면 /signin과 /signup으로 접속 시 아래와 같은 화면이 나온다.

Template

Template의 html파일들이 결과적으로 사용자에게 보여지는 화면이 된다.

1. 폴더 및 파일 생성
   • 뼈대가 되는 base.html 파일과 user 템플릿 폴더 생성
2. 
3. html 만들기
   • base.html을 보면 상단에 네비게이션바가 있는 화면임을 알 수 있다.
   
   • signin.html의 첫줄은 이러한 base.html 파일에다가 이어서 작성해줄 것이라는 뜻의 장고 문법이다. (signup.html 파일도 마찬가지)
4. 

Urls

1. 프로젝트 폴더의 urls.py ⇒ app폴더의 urls.py로 위임
   • include 함수를 import 목록에 추가
   • urlpatterns 리스트에 path('빈경로', include('<app 폴더명>.urls')) 추가이는 사용자가 접속한 경로를 <app 폴더명>.urls 로 연결하라는 뜻이므로
   • (빈경로는 http 메인주소 자체를 나타냄. 즉, 접속했을 시 주소 또는 관리자 페이지를 제외한 모든 주소)
   • 프로젝트 폴더 안의 urls.py 파일 복붙하여 <app 폴더명> 아래 urls.py 파일을 생성
   • 이렇게 해서 생성한 app 폴더 안의 urls.py 에서 구체적인 하위 경로들을 설정해주게 된다.
   • 참고로 ‘admin/’은 장고에서 기본적으로 제공하는 관리자 페이지임
   • 이부분은 뭐지?
   • path('test/', views.base_response, name='first_test') path('first/', views.first_view, name='first_view')
2. 
3. app폴더 views.py ⇒ tamplete로 위임

   def sign_up_view(request):
       return render(request, 'templates/user/signup.html')
   

   • render : 해당하는 html 파일을 연결해주는 함수
   • view 함수 정의 : 인자값으로 request를 넣어주며, return 값으로서의 render 함수에는 첫번째 인자값으로 request를 받고 두번째 인자값으로 위임하길 원하는 template 파일 경로를 넣어준다.
4. 
5. app폴더 urls.py ⇒ app폴더 views.py로 위임
   • 복붙한 app 폴더의 urls.py 파일에서 불필요한 내용을 일단 다 지우고, 처리할 각각의 하위 경로들을 일단 추가해준다.
6. 
7. 서버 실행해서 html 화면 확인해보기
8. 코드를 제대로 작성했다면 /signin과 /signup으로 접속 시 아래와 같은 화면이 나온다.

Template

Template의 html파일들이 결과적으로 사용자에게 보여지는 화면이 된다.

1. 폴더 및 파일 생성
   • 뼈대가 되는 base.html 파일과 user 템플릿 폴더 생성
2. 
3. html 만들기
   • base.html을 보면 상단에 네비게이션바가 있는 화면임을 알 수 있다.
   
   • signin.html의 첫줄은 이러한 base.html 파일에다가 이어서 작성해줄 것이라는 뜻의 장고 문법이다. (signup.html 파일도 마찬가지)
4. 

Urls

1. 프로젝트 폴더의 urls.py ⇒ app폴더의 urls.py로 위임
   • include 함수를 import 목록에 추가
   • urlpatterns 리스트에 path('빈경로', include('<app 폴더명>.urls')) 추가이는 사용자가 접속한 경로를 <app 폴더명>.urls 로 연결하라는 뜻이므로
   • (빈경로는 http 메인주소 자체를 나타냄. 즉, 접속했을 시 주소 또는 관리자 페이지를 제외한 모든 주소)
   • 프로젝트 폴더 안의 urls.py 파일 복붙하여 <app 폴더명> 아래 urls.py 파일을 생성
   • 이렇게 해서 생성한 app 폴더 안의 urls.py 에서 구체적인 하위 경로들을 설정해주게 된다.
   • 참고로 ‘admin/’은 장고에서 기본적으로 제공하는 관리자 페이지임
   • 이부분은 뭐지?
   • path('test/', views.base_response, name='first_test') path('first/', views.first_view, name='first_view')
2. 
3. app폴더 views.py ⇒ tamplete로 위임

   def sign_up_view(request):
       return render(request, 'templates/user/signup.html')
   

   • render : 해당하는 html 파일을 연결해주는 함수
   • view 함수 정의 : 인자값으로 request를 넣어주며, return 값으로서의 render 함수에는 첫번째 인자값으로 request를 받고 두번째 인자값으로 위임하길 원하는 template 파일 경로를 넣어준다.
4. 
5. app폴더 urls.py ⇒ app폴더 views.py로 위임
   • 복붙한 app 폴더의 urls.py 파일에서 불필요한 내용을 일단 다 지우고, 처리할 각각의 하위 경로들을 일단 추가해준다.
6. 
7. 서버 실행해서 html 화면 확인해보기
8. 코드를 제대로 작성했다면 /signin과 /signup으로 접속 시 아래와 같은 화면이 나온다.

Template

Template의 html파일들이 결과적으로 사용자에게 보여지는 화면이 된다.

1. 폴더 및 파일 생성
   • 뼈대가 되는 base.html 파일과 user 템플릿 폴더 생성
2. 
3. html 만들기
   • base.html을 보면 상단에 네비게이션바가 있는 화면임을 알 수 있다.
   
   • signin.html의 첫줄은 이러한 base.html 파일에다가 이어서 작성해줄 것이라는 뜻의 장고 문법이다. (signup.html 파일도 마찬가지)
4. 

Urls

1. 프로젝트 폴더의 urls.py ⇒ app폴더의 urls.py로 위임
   • include 함수를 import 목록에 추가
   • urlpatterns 리스트에 path('빈경로', include('<app 폴더명>.urls')) 추가이는 사용자가 접속한 경로를 <app 폴더명>.urls 로 연결하라는 뜻이므로
   • (빈경로는 http 메인주소 자체를 나타냄. 즉, 접속했을 시 주소 또는 관리자 페이지를 제외한 모든 주소)
   • 프로젝트 폴더 안의 urls.py 파일 복붙하여 <app 폴더명> 아래 urls.py 파일을 생성
   • 이렇게 해서 생성한 app 폴더 안의 urls.py 에서 구체적인 하위 경로들을 설정해주게 된다.
   • 참고로 ‘admin/’은 장고에서 기본적으로 제공하는 관리자 페이지임
   • 이부분은 뭐지?
   • path('test/', views.base_response, name='first_test') path('first/', views.first_view, name='first_view')
2. 
3. app폴더 views.py ⇒ tamplete로 위임

   def sign_up_view(request):
       return render(request, 'templates/user/signup.html')
   

   • render : 해당하는 html 파일을 연결해주는 함수
   • view 함수 정의 : 인자값으로 request를 넣어주며, return 값으로서의 render 함수에는 첫번째 인자값으로 request를 받고 두번째 인자값으로 위임하길 원하는 template 파일 경로를 넣어준다.
4. 
5. app폴더 urls.py ⇒ app폴더 views.py로 위임
   • 복붙한 app 폴더의 urls.py 파일에서 불필요한 내용을 일단 다 지우고, 처리할 각각의 하위 경로들을 일단 추가해준다.
6. 
7. 서버 실행해서 html 화면 확인해보기
8. 코드를 제대로 작성했다면 /signin과 /signup으로 접속 시 아래와 같은 화면이 나온다.

Template

Template의 html파일들이 결과적으로 사용자에게 보여지는 화면이 된다.

1. 폴더 및 파일 생성
   • 뼈대가 되는 base.html 파일과 user 템플릿 폴더 생성
2. 
3. html 만들기
   • base.html을 보면 상단에 네비게이션바가 있는 화면임을 알 수 있다.
   
   • signin.html의 첫줄은 이러한 base.html 파일에다가 이어서 작성해줄 것이라는 뜻의 장고 문법이다. (signup.html 파일도 마찬가지)
4. 

Urls

1. 프로젝트 폴더의 urls.py ⇒ app폴더의 urls.py로 위임
   • include 함수를 import 목록에 추가
   • urlpatterns 리스트에 path('빈경로', include('<app 폴더명>.urls')) 추가이는 사용자가 접속한 경로를 <app 폴더명>.urls 로 연결하라는 뜻이므로
   • (빈경로는 http 메인주소 자체를 나타냄. 즉, 접속했을 시 주소 또는 관리자 페이지를 제외한 모든 주소)
   • 프로젝트 폴더 안의 urls.py 파일 복붙하여 <app 폴더명> 아래 urls.py 파일을 생성
   • 이렇게 해서 생성한 app 폴더 안의 urls.py 에서 구체적인 하위 경로들을 설정해주게 된다.
   • 참고로 ‘admin/’은 장고에서 기본적으로 제공하는 관리자 페이지임
   • 이부분은 뭐지?
   • path('test/', views.base_response, name='first_test') path('first/', views.first_view, name='first_view')
2. 
3. app폴더 views.py ⇒ tamplete로 위임

   def sign_up_view(request):
       return render(request, 'templates/user/signup.html')
   

   • render : 해당하는 html 파일을 연결해주는 함수
   • view 함수 정의 : 인자값으로 request를 넣어주며, return 값으로서의 render 함수에는 첫번째 인자값으로 request를 받고 두번째 인자값으로 위임하길 원하는 template 파일 경로를 넣어준다.
4. 
5. app폴더 urls.py ⇒ app폴더 views.py로 위임
   • 복붙한 app 폴더의 urls.py 파일에서 불필요한 내용을 일단 다 지우고, 처리할 각각의 하위 경로들을 일단 추가해준다.
6. 
7. 서버 실행해서 html 화면 확인해보기
8. 코드를 제대로 작성했다면 /signin과 /signup으로 접속 시 아래와 같은 화면이 나온다.