Do it 장고 + 부트스트랩

장고를 사용하여 웹 개발을 하기 위해 웹 개발의 기초인 프론트엔드 기술을 간단하게 배워보고자 한다. 후에 직접 만들 블로그에 사용할 자기소개 페이지를 직접 만들어보면서 HTML, CSS, 자바스크립트의 역할을 이해하고 사용하는 방법을 익혀보자.

지난 3장 웹 프론트엔드 기초 다지기에 이어서 이번에는 부트스트랩에 대하여 공부해보았다. 부트스트랩은 웹 개발에 있어 보편적으로 널리 쓰이는 구성 요소들을 미리 디자인 해둔 툴킷 이다.

일반적인 웹 사이트 구조에 대한 개념을 익히고, 파이썬 웹 프레임워크인 장고로 이를 어떻게 구현할 수 있는지에 대해 알아보자. 웹 사이트의 작동 구조 이해하기 프런트엔드와 백엔드란? 자동차에 비유해보면, 프런트엔드는 자동차의 외관과 실내 디자인에 비유할 수 있고,

장고 프로젝트를 위한 새로운 레포를 만들자.공개 범위는 private로 하자. 웹 사이트를 개발하다 보면 secrete key를 비롯해 여러 가지 보안과 관련된 설정들이 소스 코드에 남아 있게 될 것이기 때문이다.또한 Add .gitignore를 Python으로 설정하

모든 장고 프로젝트는 1개 이상의 앱으로 구성된다. 앱 : 특정한 기능을 수행하는 단위 모듈예를 들어 블로그와 갤러리, 방명록의 3가지 기능을 갖는 웹 사이트를 만들 때는 일반적으로 3개의 앱을 만들고 개발 및 관리한다.앱을 만들기 위해선 python manage.p

MTV 패턴에 의거하여 urls.py와 view.py 작성 및 쿼리를 통한 데이터베이스에서 데이터 가져오는 방법 알아보기. FBV, CBV를 활용하여 view.py 작성

웹 사이트를 꾸며줄 CSS나 이미지 파일 등을 어떻게 처리해야 하는지에 대하여 다루고 있다.

10장에서는 템플릿 파일에서 if문과 템플릿 필터를 사용하는 방법에 대하여 알아본다. 이후 해당 기능을 통해 포트스 목록, 상세 페이지에서 아쉬웠던 부분을 개선한다.

테스트 주도 개발(TDD)은 일종의 개발 방식 또는 개발 패턴을 말한다. 무언가를 개발할 때 바로 개발부터 하는 것이 아니라 개발하려는 항목에 대한 점검 사항을 테스트코드로 만들고, 그 테스트를 통과시키는 방식으로 개발을 진행하는 방법이다.

12장에서는 내비게이션 바와 푸터처럼 웹 사이트 전반에 걸쳐 유지되어야 하는 요소를 모듈화하는 방법에 대해 알아본다.

다대일 관계를 알아보고, 이를 활용하여 author필드와 카테고리 영역 및 카테고리 페이지를 구현한다.

13장에서 공부한 다대일 관계와 달리 인스타그램의 해시태그처럼 blog 앱에 태그 기능을 추가하면서 다대다 관계에 대해 학습한다.

15장에서는 form을 사용해 여러 방문자가 새로운 글을 작성하고 수정할 수 있는 페이지를 구현하는 방법을 배운다.

장고의 외부 라이브러리를 활용하여 폼 모양 꾸미기, 마크다운 적용, 로그인 기능 구현하기

폼을 통해 댓글 기능을 구현해보며 폼을 만들고 처리하는 방법에 대해 더 알아보는 시간을 가져보자.