본문 바로가기
728x90
반응형
django로 내 웹페이지 만들기(6) - MySQL 과 연동 MySQL과 연동해봅시다. DB 커넥터 설치 pip install mysqlclient settings.py 수정 기본값은 sqlite 로 되어 있을 것이다. sqlite 내용은 삭제하자. DATABASES = { 'default' : { 'ENGINE' : 'django.db.backends.mysql', # Set Database Engine 'NAME' : 'odin_web_db', # MySQL Database Name 'USER' : 'odinodinodin',# MySQL Username 'PASSWORD' : 'pa$$w0RdP@ssw0rd',# Password 'HOST' : '192.168.111.111',# Database Server IP 'PORT' : '3306',# Databas.. 2022. 6. 7.
django로 내 웹페이지 만들기(5) - DB 만들기 (MySQL) 이렇게 DB 를 구상해보았다. 첨부파일, 이미지를 위해서 file_table 추가했다. 다음은 SQL 파일이다. SQL파일 쿼리문 보기👇 DROP DATABASE IF EXISTS odin_web_db; CREATE DATABASE IF NOT EXISTS odin_web_db CHARACTER SET UTF8MB4 COLLATE utf8mb4_general_ci; USE odin_web_db; CREATE TABLE `odin_web_db`.`platform_TABLE` ( `NUM` INT UNSIGNED NOT NULL AUTO_INCREMENT, `TYPE` VARCHAR(45) NOT NULL COMMENT '\'Server, Language, DB\'', PRIMARY KEY (`NUM`)) .. 2022. 6. 3.
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로 내 웹페이지 만들기 - 개요 내가 공부한 것을 어디서든 볼 수 있도록, 블로그에 작성했다. 내가 내 블로그를 검색해서 오고 싶을 때에는 좀 더 빠르게 찾으려고, OneNote 도 사용했다. 웹개발자로도 일했는데, 요즘에는 개발을 하나도 하지 않다보니, 갑자기 엄청 어려워졌다. 그리고 내가 웹개발을 할 줄 알았다는 걸 잊지 않기 위해서, django framework 를 사용해서 웹페이지를 만들어보자. 동기 부여 및 벤치 마킹한 곳은 아래와 같다. https://www.prajwaldesai.com/ Prajwal Desai - SCCM | ConfigMgr | Intune | Windows 11 | Azure Prajwal Desai blog provides best articles on SCCM, Configuration Mana.. 2022. 5. 30.
728x90
반응형

티스토리툴바