본문 바로가기
728x90
반응형
django로 내 웹페이지 만들기(4) - 페이지 파일 만들기, 고정 데이터 설정하기 페이지 파일 만들어서 연결하자. url.py에 URL을 추가하자. view.py에 함수추가하고, 연결하자. 내부 내용은 적절히 만들자. ----------- Header 의 소개나 nav_list 의 값이나, 같은 값을 계속 유지하는 게 있다. 해당 부분에 데이터를 입력하자. views.py 에서 dictionary 를 만들어주면 된다. 여기까지 코드 보기 (화면의 결과는 전과 다르지 않으므로 첨부하지 않는다.) urls.py 코드 보기👇 더보기 from django.contrib import admin from django.urls import path from . import views urlpatterns = [ path('admin/', admin.site.urls), path('', views... 2022. 6. 1.
django로 내 웹페이지 만들기(3) - static 페이지 구성하여 include 하기 웹페이지 마다, header, nav, footer 정도는 중복된다. 그걸 하나하나 코딩하기에는 너무나도 번거로운 일이다. (만약 1개 수정하면, 페이지가 100개 일 경우, 100개 수정해야한다.) 그렇기에, 해당 요소를 1개 만들어서 다른 요소에 포함시키는 방법을 사용해야 겠다. 1. settings.py 코드 추가하기 한 줄만 추가하면 된다. STATICFILES_DIRS = [ BASE_DIR / 'static' ] (미래의 나를 위해서) 편의상 전체 코드도 추가했다. (120번 라인 즈음에 있다.) settings.py 코드 보기👇 더보기 """ Django settings for wednesday1304 project. Generated by 'django-admin startproject' .. 2022. 6. 1.
django로 내 웹페이지 만들기(2) - 반응형 웹, Navigation Bar 토글하기 + Header, Footer 꾸미기 반응형 웹에서 nav 관련된 사항을 만들어보자. 가로 폭이 768 pixel 이하일 때에 #nav_list 는 보이지 않게, #nav_btn 은 보이게, 가로 폭이 768 pixel 초과일 때에 #nav_list 는 보이게, #nav_btn 은 보이지 않게, 만들어보자. (여기까지 만들면 static 한 부분은 다 구현한 것 같다. pycharm 으로 넘어가자) 1. css로 header, nav, footer 의 요소 디자인하기 768 pixel 기준으로 없어질 요소는 없어지도록, 보일 요소는 보이도록 하였다. footer 는 마지막 리스트에는 버티컬바( | ) 같은 걸 보이지 않게 구현했다. Header_nav_footer.css 코드 보기👇 더보기 /** * File : header_nav_foot.. 2022. 5. 31.
django로 내 웹페이지 만들기(1) - 레이아웃 디자인하기 1. 기본 레이아웃 디자인하기 2. css 리셋, 레이아웃 디자인하기 3. 반응형 웹, layout 만들기 결과물 편의상 두 가지 사항은 미리 진행했다. index.html 만들기🔗 pycharm 실행 옵션 변경🔗 일단은 pycharm 말고, visual studio code 를 사용하자. pycharm 보다 리소스도 용량도 적다! 1. 기본 레이아웃 디자인하기 header, nav, footer, main, section, article, aside 세맨틱 태그를 사용했다. 구성은 w3schools의 해당 글(HTML Semantic Elements)🔗을 참조했다. div 로 wrapper 를 사용하지 않고, semantic tag를 사용하는 이유는, 1) 검색엔진에서 효율이 증가한다. 2) 시각 장애.. 2022. 5. 31.
728x90
반응형

티스토리툴바