20.07.26~20.08.02 14주~15주 팀별로 스터디를 하며 과제를 받았습니다.
그동안 Django를 9주부터 배웠고 핵심 키워드 MVC를 이용하여 CRUD를 구현하는 과제입니다.
솔직히 비전공자로써 MVC? CRUD? 이건 어떤 방식으로 구현되는건지 어렵더라고요 ㅠㅠㅠㅠㅠ
역시 인생은 실전이죠
여러분도 저와 같이 블로그를 제작하며 MVC, CRUD를 이해하는 시간 갖도록 합시다!!
오늘은 그 1단계!! templates은 어떻게 조지냐?
어떻게 연결하냐?
어떻게 확인하냐?
입니둥!!!
바로 가시죠!
혹시 셋팅이 어렵거나 잘 안되시는 분은 이전 블로그 포스트를 참고해주세요!
1. 사전 셋팅
1-1. 가상환경 셋팅
https://tksgk2598.tistory.com/75?category=1016993
[멋쟁이사자처럼8기 9주차] Django 셋팅 1-1
안녕하세요 여러분! 대학교 방학하고 이제야 여유를 찾아 글을 끄적이고 있는 산와머니 입니다. 그동안 멋쟁이 사자처럼에서는 많은 팀프로젝트들과 UI/UX를 배워보는 시간 그리고 파이썬을
tksgk2598.tistory.com
1-2. Django 셋팅
https://tksgk2598.tistory.com/77?category=1016993
[멋쟁이사자처럼8기 9주차] Django 셋팅 1-2
전 포스트 필요한 프로그램 및 가상환경 셋팅에 이어 Django를 본격적으로 시작해보겠습니다! 셋팅이 안되있으신 분은 다시 한 번 보고와주세용!! [멋쟁이사자처럼8기 9주차] Django 셋팅 1-1 안녕
tksgk2598.tistory.com
1-3. 포스트 들어가기 전 알아야 할 키워드
Django는 3가지로 이루어져 있습니다. (쓰임새는 아래에서 같이 확인)
M:MODEL
V:VIEW
T:TEMPLATES
MVT를 잘 활용하여 다음과 같은 기능을 구현할 것 입니다.
C:CREATE
R:READ
U:UPDATE
D:DELETE
2. TEMPLATES를 조지자!
사람마다 먼저 조지는 부분이 다르지만 저는 M V T 중에 TEMPLATES를 먼저 조지는 편입니다.
왜냐하면 어떤 부분을 만들 것인지 명확하게 보이고 어디를 어떻게 URL을 연결할지 눈에 보이기 때문입니다.
저는 이번 블로그를 만드는 데에 TEMPLATES에 들어갈 HTML을 4가지를 만들었습니다.
다음과 같이 templates에 html 파일을 만들어주세요.
모든 소스코드는 깃에서 확인해주세요.
https://github.com/SahhaShin/django_blog/tree/master/blog_project/blog_app/templates/temp
GitHub - SahhaShin/django_blog: django를 배운 후 블로그를 구현해봅시다.
django를 배운 후 블로그를 구현해봅시다. Contribute to SahhaShin/django_blog development by creating an account on GitHub.
github.com
2-1. CREATE와 관련된 HTML을 먼저 작성합니다. create.html
>블로그에 게시판을 작성하는 코드입니다.
>git 소스코드에서 확인해주세요.
2-2. create.html을 사용하기 위해 url을 연결합니다.
>빨간색 경로에 있는 urls.py로 이동합니다.
>만들어주신 앱에 있는 views에서 사용할 함수를 연결해주기 위해 import를 다음과 같이 해줍니다.(from ex_app import views)
>create.html을 views에 어느 함수에 연결해줄 것인지를 설정합니다.(path('create/', views.create, name='create'),)
create/ 부분은 http://127.0.0.1:8000/ 뒤에 사용 될 이름을 지정합니다. (ex. http://127.0.0.1:8000/create)
2-3. 다음은 url을 따라 views를 작성하러 갑시다!
>url에서 작성했던 코드 부분 중 views.create가 있었죠? views에 있는 함수 중 create함수로 온 것입니다.
>해석으로는 create함수의 request(요청)이 들어오면 create.html의 템플릿 모습을 띄워주자!
>이렇게 views는 요청에 대한 움직임이 함수로 담겨져 있습니다.
2-4. 잘 연결되었는지 서버를 확인합시다.
>다음과 같이 빨간색 경로 즉, project경로로 경로를 맞춰주세요.
>그런 다음 python manage.py runserver를 입력합니다.
>그러면 밑에 http://127.0.0.1:8000/ 라는 주소가 뜹니다.
>크롬에 들어가서 입력해주세요.
그럼 다음과 같은 결과가 나옵니다. 절대 당황하지 마세요 잘하시고 계신겁니다.
단지, 페이지를 안만들어주셔서 그럽니다. 엥? 아까 페이지 만들었는데 무슨소리냐고요?
위에 2-2) 에서 url을 연결할 때 제가 했던 발언이 있습니다.
리마인드 > >create.html을 views에 어느 함수에 연결해줄 것인지를 설정합니다.(path('create/', views.create, name='create'),)
create/ 부분은 http://127.0.0.1:8000/ 뒤에 사용 될 이름을 지정합니다. (ex. http://127.0.0.1:8000/create)
네, 저희는 create를 만들었습니다. 즉, http://127.0.0.1:8000/create/ 라고 쳐주시면 우리가 연결한 페이지를 볼 수 있습니다.
다음과 같이 말이죠.
어떠세요? Django 많이 어렵지 않으셨나요 ㅠㅠㅠㅠㅠㅠㅠㅠ
전 질질짜면서 따라갔답니다...
하지만 오늘은 templates, url, views조금만 보았다는 것... 주륵
이제 시작입니다.
다음포스트에서는 블로그 글쓰기 create.html을 작동시켜보도록 하겠습니둥!!
꼭 같이 공부해용!!
'대외활동 > 멋쟁이사자처럼 8기 (WEB)' 카테고리의 다른 글
| [멋쟁이사자처럼8기 14~15주차] 블로그만들기 MVT, MTV전체 활용한 READ구현 : Django, MVT, CRUD (0) | 2021.11.04 |
|---|---|
| [멋쟁이사자처럼8기 14~15주차] 블로그만들기 MODEL, VIEWS편 , CREATE구현 : Django, MVT, CRUD (0) | 2021.11.03 |
| [멋쟁이사자처럼8기 9주차] Django 셋팅 1-2 (0) | 2021.11.03 |
| [멋쟁이사자처럼8기 9주차] Django 셋팅 1-1 (0) | 2021.11.02 |
| [멋쟁이사자처럼8기 6주차] 10단계로 Git & Github 함께배워요! with 협업 (2020.05.19) (0) | 2021.11.02 |
