2023.04.14(Django pj 프론트)

Vinyl Stage·2023년 4월 14일
0

개발일지

목록 보기
32/42
post-thumbnail

{% url'app_name:path_name' %}

후...css너무 어려운것

각각 로고 혹은

이와같은 드롭다운메뉴는 링크의 역할을 갖는다

보통 정적인 웹페이지에서는 href="html주소"로 들어갔지만 장고에서는 장고문법을 사용할 수있다.


이렇게 urls.py 에 app_name을 설정해주고 각 pathname을 잡아주면

요렇게 {% url'app_name:path_name' %}으로 사용할수 있다

아주 간편하게 연결할수있고 이는 여기 뿐만아니라 각 함수에도 사용할수 있다

redirectreturn하는 부분을 보면return redirect('user:log_in')로 잡아준걸 볼수있는데 아주 간편하다

대신 이 각 페이지를 불러오는 함수에서는 GET요청 하나는 무조건 html로 render해줘야 할것이다
urls.py에서는 templates를 연결하지 않기 때문일것이다

static

장고에서 css파일을 불러오려면 다음과 같이 해야한다

각 html에
이 부분을 넣어준다

<link rel="stylesheet" href="/static/css.css" />

프론트를 해본사람이라면 어느정도 알겠지만 나포함 팀원 대부분이 잊고있다가 생각난지라 다시한번 짚고 넘어갔다.

위 코드는 static폴더에 들어가있는 css.css를 사용하겠다는 얘기이다

css.css에는 여러가지 css파일들이 import되어있다
이 파일들을 모두 static안에 넣어주어야 한다

그리고 settings.py에 경로를 잡아주면 된다

STATIC_URL = 'static/'

STATIC_ROOT = (BASE_DIR/'asert/')

STATICFILES_DIRS = [
    BASE_DIR / 'static'
]

이렇게 하고 배포시에 css를 잘 먹게하기 위해서는 collectstatic을 해줘야 한다

STATIC_ROOT에 들어가있는 폴더명이 연결될 폴더 이름이다

py manage.py collectstatice을 실행시키면 해당 폴더이름으로 폴더가 새로 생기면서 css파일들이 복제가 된다


그러면 필요한 내용들이 이렇게 들어갈 것이다.

사실 이건 배포과정에서 해주면 된다고 한다(아직 거기까지는 안가서 잘 모름)

https://www.youtube.com/watch?v=empnQcWr1jE&t=1043s
: 도움

profile
Life is Art

0개의 댓글