본문 바로가기

Web/Django, Bootstrap8

[Blog 만들기] #8 게시물 author 구현 ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행하고 있습니다. 프로젝트 진행과정 기록하기 위해 작성하고 있으므로 책 저작권으로 인해 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. 작성자 정보 담을 author 필드 구현 blog/models.py from django.db import models from django.contrib.auth.models import User # 추가 내용 1 import os class Post(models.Model): # ... 생략 # on_delete=models.CASCADE => 이 포스트의 작성자가 디비에서 삭제되었을 때 이 포스트도 같이 삭제됨 # on_delete=mo.. 2022. 6. 19.
[Blog 만들기] #7 테스트 주도 개발(TDD; Test driven development) ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행하고 있습니다. 프로젝트 진행과정 기록하기 위해 작성하고 있으므로 책 저작권으로 인해 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. 테스트 주도 개발(TDD; Test driven development) 일종의 개발 방식 또는 개발 패턴 개발할 때 바로 개발부터 하는 것이 아니라 개발하려는 항목에 대한 점검 사항을 테스트 코드로 만들고 그 테스트를 통과시키는 방식으로 개발을 진행하는 방법 테스트 주도 개발 적용 하지 않을 때의 과정 구현 -> 직접 확인(웹이나 앱으로 들어가서 잘 작동하는지 일일히 TEST) -> 성공(실패시 다시 수정하여 성공시킴) -> 개선(다시 개발해.. 2022. 6. 19.
[Blog 만들기] #6 IF문 사용하여 블로그 목록 페이지 오류 해결 ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행하고 있습니다. 프로젝트 진행과정 기록하기 위해 작성하고 있으므로 책 저작권으로 인해 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. if문 사용 방법 if : 시작 - {% if 조건1 %} , 끝 - {% endif %} elif : {% elif 조건2 %} else : {% else %} 1. 대표 이미지 없는 포스트 게시 대표 이미지가 없는 게시물을 게시했을 때 오류가 발생한다. The 'head_image' attribute has no file associated with it. 이 문제를 해결하기 위해서는 IF문을 사용하여 대표 이미지가 있을 때는 대표 이미지.. 2022. 4. 10.
[Blog 만들기] #5 블로그 포스트 미디어 파일 넣기 ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행하고 있습니다. 프로젝트 진행과정을 기록하기 위해 작성하고 있으므로 책 저작권을 위해서 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. 미디어 파일 저장하기 프로젝트파일/settings.py 도메인 뒤에 /media/라는 경로가 따라오면 미디어 파일을 사용하겠다는 의미 MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, '_media') 프로젝트파일/urls.py urls.py에서 media URL에 대한 설정을 추가해야 한다. from django.conf import settings from django.conf.url.. 2022. 4. 8.
[Blog 만들기] #4 FBV 방식, CBV 방식 ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행하고 있습니다. 프로젝트 진행과정을 기록하기 위해 작성하고 있으므로 책 저작권을 위해서 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. views.py urls.py에 들어갈 함수나 클래스 등 정의한다. views 구현하는 두가지 방식 : FBV, CBV FBV(Function based view) 함수에 기반을 둔 방법. 함수를 직접 만들어 원하는 기능을 직접 구현 blog/views.py (FBV방식) # blog/views.py FBV방식 구현 from django.shortcuts import render from .models import Post # views.p.. 2022. 4. 5.
[Blog 만들기] #3 장고 구조, 블로그 페이지 구성 ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행하고 있습니다. 프로젝트 진행과정을 기록하기 위해 작성하고 있으므로 책 저작권을 위해서 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. Django(장고)의 작동 구조 Django(장고)의 파일 구조 blog 만들기 프로젝트 기반으로 생성되어있는 파일 구조이다. Project.app urls.py 클라이언트가 요청하는 사이트 URL(ex-young.com)로 접속했을 때는 기본 url : young.com으로 이동하고 young.com/blog/로 접속한다면 blog 함수를 실행시키자 라는 내용들이 기술되어있다. urlpatterns 리스트의 항목(endpoint, 대상)에.. 2022. 4. 4.
[Blog 만들기] #2 부트스트랩 적용해보기 ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행합니다. 프로젝트 진행과정을 기록하기 위해 작성하고 있으므로 책 저작권을 위해서 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. 부트스트랩(Bootstrap) 웹 개발에 있어 자주 사용되는 구성 요소들을 미리 디자인해둔 툴킷 웹 사이트나 웹 응용 프로그램을 작성하기 위해 사용하는 무료 소프트웨어 도구 모음 동적인 웹 사이트 및 웹 응용 개발을 위한 프론트엔드 프레임 워크로 입력 창, 버튼, 네비게이션 및 기타 구성물, 각종 레이아웃 등을 HTML 및 CSS 기반의 디자인 템플릿으로 제공하며 추가적인 자바스크립트 확장들도 포함 부트스트랩이 적용된 웹 페이지 샘플을 다양하게 제.. 2022. 3. 30.
[Blog 만들기] #1 html, CSS, Javascript, 부트스트랩 ※ Do it! 장고 + 부트스트랩 파이썬 웹 개발의 정석(이성용, 김태곤 / 이지스퍼블리싱) 책을 참고하여 프로젝트를 진행합니다. 프로젝트 진행과정을 기록하기 위해 작성하고 있으므로 책 저작권을 위해서 간단한 내용 외 자세한 코드와 내용은 작성하지 않습니다. HTML(Hyper Text Markup Language) 웹 문서를 만들기 위해 사용하는 기본적인 프로그래밍 언어의 한 종류 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어 웹의 구조 담당 간단한 HTML 코드 # 현재 문서가 HTML로 작성된 웹 문서라는 의미 # 웹 문서 시작 # 주로 화면에 나타나는 내용 # 내비게이션 Home# 페이지가 이동하도록 만들 때 사용, 링크는 href로 지정 Nex.. 2022. 3. 29.