[django 기초] 페이지 이동, git push, 템플릿 태그

[django 기초] 페이지 이동, git push, 템플릿 태그

-----------------------------------------------------------------------------------------------------------------------------------vscode 설치하기 : https://integer-ji.tistory.com/65

python 설치하기 : https://integer-ji.tistory.com/64

git 설치하기 : https://integer-ji.tistory.com/66

vscode 설정하기 : https://integer-ji.tistory.com/81

hello world 띄우기 : https://integer-ji.tistory.com/82

git 초기 설정 : https://integer-ji.tistory.com/83

-----------------------------------------------------------------------------------------------------------------------------------

새로운 페이지.html 생성

new page!

새로운 페이지 new.html을 템플릿 폴더 아래에 생성

views.py 등록

def new(request): return render(request, 'new.html')

crudapp/views.py에 새로운 함수 new 생성

요청이 들어오면 new.html을 띄우기

urls.py 등록

path('new/', crudapp.views.new, name='new'),

crudproject/urls.py에 새로운 path를 등록해줍니다.

주소에 new/요청이 들어오면 crudapp에서 views에서 new를 실행해라 이 로직의 이름은 new이다.

runserver 실행하기

source myvenv/Scripts/activate cd crudproject/ python manage.py runserver

아직 프로젝트 시작이 안 익숙하니 계속 계속해보는 게 중요!

http://127.0.0.1:8000를 눌러 로컬 서버로 진입 후 생성된 new를 불러봅시다.

http://127.0.0.1:8000/new/

새로 만든 new page! 가 나왔습니다.

이렇게 new의 요청을 보내면

urls.py에 있는 path가 views.py의 new 함수를 실행시키고 views.py의 new함수는 요청이 들어오면

templates에 있는 new.html을 띄우라고 해서

페이지가 열리게 된 것입니다.

home과 new페이지 연결

# home.html hello world new # new.html new page! home

각각 페이지에 a태그에 링크를 넣어줍니다.

여기서 url 안에 있는 값은 urls.py에서 설정한 그 이름입니다.

버튼을 누르면 url '이름'을 실행해라~입니다.

확인

아직 서버를 끄지 않았다면 새로고침으로 확인해줍니다.

home이란 글씨에 하이퍼링크가 추가되었습니다

home를 클릭하면

home로 이동합니다. 홈에는 new로가는 링크가 있습니다.

공부가 끝났으니 github에 업로드

서버가 켜져 있다면 ctrl + c 명령어를 사용해 서버를 꺼줍니다.

git init git add . git commit -m "코멘트"

git push origin master

이미 초기 설정은 해주었길래

간단한 명령어만으로 커밋을 할 수 있습니다.

깃을 확인해 보면

- 끝 -

-----------------------------------------------------------------------------------------------------------------------------------

django에서 페이지 이동 정리

1. 앱/templates폴더 아래에 html 파일 생성.

2. 앱/views.py에 html을 실행하는 함수 생성

3. 프로젝트/urls.py에서 views.py의 함수를 실행시키는 path를 추가해 준다.

4. html에 django 명령어를 사용하기 위해 {% url '이름' %}으로 링크를 달아준다.

템플릿 태그

템플릿 태그는 django는 명령어를 사용하기 위해 {% %}를 사용합니다.

html에서 django를 사용할 수 없기 때문에 {% %} 이런 식으로 한번 코팅을 해줍니다.

템플릿 태그는 load나 extends처럼 단독으로 사용할 수 있는 태그가 있지만

if문이나 for문 같은 경우엔 반드시 {% if %} {% endif %}처럼 닫아줘야 합니다.

from http://integer-ji.tistory.com/84 by ccl(A)