당신은 멋쟁이, 우리는 장고쟁이~

0%

작성일 In , Disqus:

allauth 사용 로그인, 로그아웃 구현

지난 포스팅에서, allauth 패키지 설치를 완료 하였고,

패키지를 통하여, 로그인, 로그아웃 기능을 구현 해보려 합니다.


로그인 / 로그아웃을 사용하기 위해서는, allauth 에서 제공하는 로그인 / 로그아웃 URL 들을 알아야 합니다.


allauth 에서,

로그인 / 로그아웃을 위해 기본으로 제공하는 URL 은 아래와 같습니다

http://127.0.0.1:8000/accounts/login

http://127.0.0.1:8000/accounts/logout


이 URL 들을 사용하여, 미니프로젝트에 적용하는 방법은 아래와 같습니다.


  1. settings.py 파일에 LOGIN_REDIRECT_URL 설정
  2. templates 페이지들에 회원가입 / 로그인 / 로그아웃 링크 추가


더 읽어보기 »

작성일 In , Disqus:

allauth 패키지 설치


django 패키지중 하나인, allauth 를 사용하여,


기본 로그인, 로그아웃을 구현하고, 가능하면, 네이버 로그인 까지 구현해 볼까 합니다.


로그인, 로그아웃을 직접 구현하기 보다는,


아무래도 이런 편리한 패키지를 이용하여 소셜 로그인까지 구현이 가능해 보여서 사용해 보려 합니다.


더 읽어보기 »

작성일 In , Disqus:

TodoList Create 페이지 구현


투두리스트를 생성하는것을 구현해 보려 합니다.


클래스 기반 뷰인 CreateView 를 사용해 보려 했었는데. 잘 모르겠어서. 함수형 으로 진행 했습니다.


forms 적용 하는것에서 꼬이고, 함수기반 뷰 작성할때 꼬이고, 클래스 기반 뷰에서도 꼬이고,


Bulma CSS 적용할때 꼬이고, URL 설정할때 꼬여서. 매우 힘들게 구현한것 같습니다;;;


아래와 같이 진행 해봅니다.


더 읽어보기 »

작성일 In , Disqus:

Todolist - 업데이트 기능 구현



투두 리스트를 수정할수 있는 업데이트 기능을 구현해 봅니다.


클래스 기반 뷰인 UpdateView 를 사용하여, 기능을 구현해 볼것입니다.



이를 구현하기 위해선, 대략적으로, 아래의 과정을 거쳐야 합니다.


  1. views.py 에 generic 뷰를 상속받는 UpdateView 클래스 작성

  2. templates/todo/update.html 파일 생성 및 작성

  3. templates/todo/todolist_list.html 파일 수정

  4. templates/todo/todolist_detail.html 파일 수정

  5. todo/urls.py 파일 수정


더 읽어보기 »

작성일 In , Disqus:

Todo List - 투두리스트 삭제 기능 구현


투두 리스트 삭제 기능을 추가해 보려 합니다.


삭제 버튼은, 투두리스트 페이지와,


투두리스트 디테일 페이지에 추가해 줄겁니다.


DeleteView 를 사용하기 때문에,

삭제 버튼을 누르면, ‘정말 삭제하겠습니까?’ 라는 문구를 가진 컨펌 페이지가 뜨고,
한번 더 삭제하기 버튼을 누르면,
삭제가 완료되고.

취소 버튼을 누르면, 다시 투두리스트 리스트 페이지로 가게 됩니다.


더 읽어보기 »

작성일 In , Disqus:

디테일 페이지에 이미지와 파일 표시


MEDIA 경로 설정



개발 단계에서 MEDIA 파일을 업로드 해줄 MEDIA 경로를 설정해 주어야 합니다.


confit/settings.py 파일로 가서, 아래와 같이 MEDIA 경로를 설정해 줍니다. 


1
2
3
4
# MEDIA_ROOT 설정 
# 사용자가 업로드하는 미디어 정적 파일들의 기본 경로 
MEDIA_ROOT = os.path.join(BASE_DIR, '.media')
MEDIA_URL = '/media/'


더 읽어보기 »

작성일 In , Disqus:

하나의 TodoList 는, 아래의 필드들을 가지고 있습니다.



Field 비고
name 할일의 제목
description 할일에 대한 설명
date_created 생성 날짜
date_deadline 데드라인 날짜
TodoList_images 외래키로, 관련된 이미지파일들을 보유
TodoList_files 외래키로, 관련된 파일들을 보유

리스트만 보여주는 페이지에서는,

간략하게만 보여주기 때문에, 관련 이미지와 파일들을 보여주고 있지 않지만,

더보기 버튼을 눌러서, 디테일을 보여줄때에는, 관련 이미지와 파일도 보여져야 될것 같습니다.


더 읽어보기 »

작성일 In , Disqus:

이전 포스팅에서,


BULMA CSS를 프로젝트에서 사용하기 위한 준비를 하였습니다.


static 폴더안에 Bulma 폴더가 생성되고, 그안에 CSS 폴더안에, style.css 파일이 생성되었습니다.



이제 이 CSS 를 적용한 기본 템플릿을 생성하고,


이 기본 템플릿을 다른 페이지들이 상속받아 사용하게 해봅니다.


Templates 폴더 생성


더 읽어보기 »

작성일 In , Disqus:

Bulma CSS Framework 적용





부트스트랩과 비슷한 CSS Framework 의 하나인 BULMA 를,


이번 투두 리스트 미니 프로젝트에 적용해 보려 합니다.
처음 접해보는 CSS 프레임워크지만, 시도한번 해보려 합니다.


더 읽어보기 »