작정하고 장고: Django로 Pinterst 따라하기

핀터레스트의 레이아웃을 따온 웹서비스를 만들기제목, 좋아요, 댓글, 게시판, 구독 기능반응형 디자인배포

데이터베이스에 저장하는 과정에서 편리하게 해주는 게 model.django에서 굳이 db쪽 언어를 사용하지 않고 간편하게 데이터베이스 내용을 수정하거나 삭제하거나 여러가지 일을 할 수 있다.

git은 기본적으로 버전 관리 시스템이다.

H yperT extM arkupL anguage

include 구문을 사용하면 별도의 HTML 파일을 기본 HTML 파일에 삽입할 수 있다.머리글이나 바닥글과 같이 여러 페이지에 나타나는 요소에 유용하다.extends 구문을 사용하면 다른 페이지에서 확장할 수 있는 기본 HTML 파일을 만들 수 있다.각 페이지에서

10강 style, 그글 폰트를 통해 Header, Footer 꾸미기

10강 Static 설정 및 CSS 파일 분리

BlockInlineInline-blockNone이 속성은 HTML 요소를 어떻게 표시할지를 결정하는데 사용된다.요소를 새로운 줄에서 시작하고 전체 너비를 차지하도록 만든다.요소를 문장 내에서 나란히 표시하며, 내용의 너비만큼 공간을 차지한다.인라인 요소처럼 새로운 줄

클라이언트와 서버간에 데이터를 보내고 받는데 가장 일반적으로 GET과 POST가 사용된다.서버에서 데이터를 검색하는 데 사용된다.사용자가 브라우저에 URL을 입력하면 GET 요청이 서버로 전송되고 서버는 요청된 데이터로 응답한다.GET 요청은 종종 웹 페이지, 이미지

17강 POST 통신을 이용한 DB 데이터 저장 실습

18강 - 정보 접근 및 장고 템플릿 내 for loop

경로 지정 필요지금 있는 페이지 어디에 있던 간에 그 url을 next 안에 있는 인자로 넘김으로써 원래 있었던 자리로 돌아갈 수 있다.

django-bootstrap4 라이브러리를 이용하여 form을 부트스트랩 스타일로 꾸며보고, 지금까지 만든 사이트의 디자인을 정리한다.https://django-bootstrap4.readthedocs.io/en/latest/installation.htmls

24강 DetailView를 이용하여 개인페이지를 만들어본다. view.py에서 AccountDetailView 생성 detail.html 파일

UpdateView를 이용한 비밀번호 변경 구현페이지 주인이 개인 본인 개인정보를 수정할 수 있는 페이지 링크나중에 AccountUpdateForm을 상속받아서 커스터마이징 할 예정

DeleteView 기반 회원 탈퇴 구현delete html 생성btn-danger: 붉은색

유저가 로그인했는지 확인안되어 있으면 로그인하는 창으로 되돌려주기

파이썬의 Decorator 패턴을 이용해 자주 쓰이는 코드들을 줄여본다.장고에서 기본 제공하는 데코레이터 부터 커스터마이징 한 데코레이터로 27강에서 만든 인증시스템 코드 볼륨을 줄인다.@decorator를 코드에 적용해서 코드 간독성을 올리기

createsuperuser 명령어를 통한 관리자 계정 생성, 그리고 Media 파일을 다루기 위해 필요한 설정들을 진행한다.슈퍼 유저가 있어야 들어가짐\-> username, email, password 작성주소창에 media 이하의 경로로 접근해야지 실제로 medi

새로운 앱 Profileapp 을 시작한다.그리고 모델 기반으로 간편하게 Form을 만들어 주는 ModelForm을 짚고 넘어간다.여러개 프로필이 존재하게 할 수 있지만, 일단 1대1로 구현할 예정프로필에는 Image, Nickname, Message 3개가 들어 갈

Profileapp의 CreateView 부분을 집중적으로 구현하고, 이미지 파일을 다루는 과정에서 어떤 문제가 있는지 확인 후, 문제를 디버깅한다.마이그레이션 파일을 만들고만들어 놓은 모델에 적용account detailview에서 username을 그대로 노출되는

Profileapp의 UpdateView 를 만들면서 Profileapp 구축 마무리를 진행한다.path 뿐만아니라 추가적으로 medai와 연결시켜서 계속 저장하게 함update.html 추가profielapp/views.py 에서 코드 추가보안사항

지금까지 짠 코드들의 문제를 조금 해결하고, get_success_url을 통해 동적인 redirect url을 반환해 주도록 변경해본다. 연결되어있는 profile 유저의 pk를 찾아서 넘겨준다detail.html 수정로그인 되어 있지 않은데 edit 버튼 있는 걸

핀터레스트의 카드형 레이아웃을 구현하기 위한 라이브러리, MagicGrid를 소개하고, 저희 사이트에 ArticleApp 내부에 간단히 구현해본다. setting, urls에 추가static 폴더에 js 폴더 추가하고 내용 복붙하기https://github.c

auto_created=True -> auto_now_add=True 속성으로 변경해야 정상적으로 데이터가 저장됨Articleapp 구현ariticleapp, views.py

magicgrid 내부에 들어갈 실제 게시물들을 리스트화해줄 View, ListView에 대해서 간단히 알아보고, 실제 코드에 ListView와 Pagination을 적용해보기CommentApp을 만들기 전에 Articleapp Detail 페이지의 세부 디자인을 수정

django에서 제공하는 Mixin을 다중 상속 받아 DetailView 안에 form을 포함, 댓글시스템을 구축하기FormMixin을 사용하면내부에서 Form_class를 지정해 줌으로써 detail view 안에서도 form을 사용할 수 있게 된다.Mixin은 ad

View 파트를 수정하지 않고 template 내에서 for 문을 통해 댓글을 시각화 하는 작업 및 CommentApp 나머지 부분을 마무리한다.commetapp/migrations/views.pycommentapp/templates/detail.thml

모바일 기기로 직접 우리가 만든 사이트를 접속하여 모바일에서 실제로 보여지는 화면이 어떤지 확인해보고, 반응형 레이아웃을 위한 설정을 다루기.모바일 앱으로 접속python manage.py runserver = 127.0.0.1:8000templates/head.htm

게시판에 해당하는 projectapp을 구현projectapp 만들고 update와 delete는 따로 admin이 가능하도록 설정하고 따로 하진 않을 것임어떤 요소에 마우스를 올렸을 때 어떤 행동을 할 건지를 설정해주는 값

Project와 Article을 연결하는 작업, 그리고 MultipleObjectMixin 을 이용해서 ProjectApp 의 Detail 페이지를 마무리 하고, 같은 방식으로 AccountApp 의 디테일 페이지도 수정한다댓글을 만들면선 for문을 돌 때 target

RedirectView 기반의 구독 시스템, 즉 SubscribeApp을 만들기RedirectView 사용하는 이유구독버튼을 누를 때 따로 입력창이 중간에 없어도 요청받자마자 처리할 수 있게 하기 위해projectapp/views.pytemplate에서 subscrip

장고에서 제공하는 DB Query를 위한 기능, Field Lookup을 사용하여 사용자가 구독한 게시판의 게시글만 볼 수 있는 구독페이지를 만들어보기 들어가는 조건들은 AND function이다OR와 WHERE func을 사용하기 위해서는1\. Find user Su

Medium Editor 를 사용하여 WYSIWYG를 통해 게시글 작성할 수 있도록 만들어보기게시판 기능 중 하나텍스트를 좀 더 굵게하거나 크게하거나 글을 쓸 때 좀 더 풍부하게 해주기Medium Editor github: https://github.com