Backend/Django + Bootstrap 개발 일지

15. 템플릿 모듈화

웹사이트의 디자인을 일관적으로 유지하거나 수정하고자 할 때 반복적인 요소들을 관리하기 용이하게 하고자 할 때 모듈화를 사용하게 된다. 웹 사이트에서 유지되어야 하는 요소들을 모듈화 해보도록 하겠다. ● 메인 영역 모듈화 post_list.html 모듈화 base.html 추가 blog 폴더에 base.html 파일을 추가하고 main_area의 div 요소들을 삭제한 후 main_area 라는 이름의 block블록을 선언하고 endblock으로 블록의 끝을 설정해 준다. base.html을 확장해 post_list.html 넣기 사이드 바, 푸터 등은 어느 페이지 에서나 쓰일 것이고 base.html에 관련 코드가 있으므로 중복을 방지하기 위해 post_list.html파일에서 main-area를 제외한..

14. 테스트 주도 개발 적용

테스트 주도 개발 (TDD)는 Test Driven Development의 약자이다. TDD에 대한 자세한 내용은 따로 다룰 예정이다. ● 테스트 주도 개발 준비 테스트 하기에 앞서 blog 폴더의 test.py 파일을 다음과 같이 입력하여 테스트 케이스를 만들어 본다. 2와 3은 같지 않다는 것을 출력하며 테스트에 실패했다고 한다. django.test 패키지의 TestCase 모듈 내에 같은지 다른지 여부를 확인하는 기능이 있는 모양이다. 2, 2로 수정하면 다음과 같이 터미널에 출력된다. ● beautifulsoup4 설치 beautifulsoup4는 HTML에 의해 나타나는 페이지의 요소를 쉽게 다룰수 있게 해주는 도구이다. pip install beautifulsoup4 입력으로 설치한다. ● ..

13. 테스트 주도 개발(TDD)을 이용한 블로그 기능 구현 목차 개요

●테스트 주도 개발 적용 ●템플릿 모듈화 ●다대일 관계 구현 ●다대다 관계 구현 ●폼으로 포스트 작성과 수정 기능 구현 ●외부 라이브러리를 블로그에 활용 ●폼으로 댓글 기능 구현 ●기타 편의 기능 구현 ●대문 페이지와 자기소개 페이지 완성

12. 템플릿 파일에서 if문 사용, 다운로드 버튼 만들기, 템플릿 필터 사용

●포스트 목록 페이지 개선 이미지 파일을 추가할 수 있도록 폴더와 URL을 지정했더니 이미지 없이는 포스트를 올릴 수 없게 되어 버렸다. 세상 어떤 블로그가 무조건 이미지를 올려야지만 포스트를 할 수 있단 말인가? 따라서 if문을 이용하여 이미지 파일이 없을시 임의의 이미지를 가져와 출력하도록 하여 해결한다. 현재 블로그는 포스트 글의 길이가 어떤지간에 본문 내용 전체를 보여준다. 애초에 목록인데 글 전체를 길게 보여준다면 목록이라는 제 기능을 하지 못하고 있는 상태이므로 간단하게 미리보기 기능을 추가하여 이를 해결하도록 한다. ● 템플릿 파일에서 if문 사용 if-else 문으로 조건에 따라 이미지 보여주기 이미지가 있는 경우 최초로 html에서 if문을 사용해 보기위해 post_list.html 파일..