본문 바로가기
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.
[django] pycharm에서 django 실행을 빠르게. 실행 방법 변경. 단축키로 실행 지난 번, (누구를 위해서) pycharm 에서 index.html 만들기를 했다. 어느 날 보니, 계속 Terminal 에서 'python manage.py runserver' 를 입력해서 django 를 실행하는 것을 보았다. pycharm 을 제대로 활용하지 못하는 것이기에, 잘 활용하기 위해서 실행 방법을 변경해보자. pycharm 에서 실행 버튼을 눌렀을 때에 바로 실행되게 해보자. 방법. pycharm 에서 실행 방법 변경하기 main 이라고 적힌 곳 옆에 ▼를 클릭하여, 'Edit Configurations...'를 클릭하자. 왼쪽 상단, '+'를 클릭하자. 'Python'을 클릭하자. name 값을 입력하고, Script Path 를 'manage.py'가 있는 곳으로 지정하자. 그 후, .. 2022. 5. 29.
pycharm, django framework에서 index.html 만들어서 최초 화면 구성하기 [관련된 글] 1초 만에 pycharm에서 Django Framework 시작하기, 설치 실행하기 pycharm, django framework에서 index.html 만들어서 최초 화면 구성하기 친척 중 1명이, pycharm에서 위 화면은 띄우는데, 그다음 index.html을 띄우질 못하더라. 그래서 거기까지 글을 써보려 한다. Terminal을 실행해서 아래 명령어를 실행하자. cd django_hello_there; python .\manage.py startapp 'prj_there' 앱 디렉토리가 생성된다. 다음 해당 프로젝트의 settings.py 파일을 열어서, 'INSTALLED_APPS'에 app 이름을 추가하자. 나의 경우, settings.py(.\django_hello-there.. 2022. 3. 20.
728x90
반응형

티스토리툴바